본문 바로가기
반응형

Programing/CSS2

[Font Awesome] 5 & 6 cdn 및 사용법 FontAwesome은 CSS를 이용한 아이콘 툴킷으로 제공하는 css파일을 이용하면 제공하는 아이콘들을 간단하게 사용할 수 있습니다. 무료 버전과 프로 버전이 있어서 프로 버전에서 제공하는 아이콘이 훨씬 다양하지만 무료 버전으로도 개인 사이트에서는 충분하기 때문에 무료 버전 기준으로 확인해보겠습니다. FontAwesome 도 다양한 버전이 있지만 최근 버전인 5와 6버전을 기준으로 확인해보겠습니다. Font Awesome 5 CDN Font Awesome 6 CDN FontAwesome에서 제공하는 아이콘들은 해당 사이트에서 확인 할 수 있습니다. https://fontawesome.com/ 아니면 직접 검색포털에서 fontawesome으로 검색하여 접속하셔도 됩니다. FontAwesome의 사이트는 .. 2022. 9. 26.
css a 태그 링크 (link,visited,hover,active) 사용 방법 HTML에서 해당 페이지에서 다른 특정 페이지를 호출할 때 기본적으로 a태그를 이용합니다.a태그는 링크의 기능을 가지고 있는 태그이며, 많은 웹페이지에서 사용되고 있습니다.해당 태그를 사용하여 링크를 거는 것은 간단하지만 a태그에 몇가지 속성이 존재합니다.총 4개의 속성이 존재하는데 각 link, visited, hover, active가 존재하며, css에서 해당 속성을이용하여 링크에 특정 액션을 캐치할 수 있어, 이것을 응용하여 스타일을 지정할 수 있습니다. 이번 포스팅에서는 해당 속성들에 대한 기능과 예제로 화면으로 간단히 배워갈수 있도록 하겠습니다. a태그(Tag) a:link, a:visited, a:hover, a:active 사용 방법 a:link 해당 링크를 방문하기 전 상태 a:visit.. 2018. 12. 17.
반응형