CSS 정리

CSS 정의

* { } : 전부
html_tag {} : html tag에 해당하는것은 태그 그대로 작성
#id {} : class id는 #을 붙여서 작성
예시 ) #id html_tag : 내부속성 { }

a 속성

a:link - 방문 전 링크 상태
a:hover - 마우스 오버시 링크 상태
a:visted - 방문 후 링크 상태
a:active - 클릭시 링크 상태
[출처] https://aboooks.tistory.com/88

---

CSS 속성

display

display:inline - 줄바꿈없이 한줄에 다른 엘리먼트들과 함께 표시
display:block - 줄바꿈 들어가서 혼자 한 줄 차지
display:inline-block - 하이브리드모드 : 한줄에 여러개의 엘리먼트를 정확이 원하는 너비만큼 배치 가능
[출처] https://www.daleseo.com/css-display-inline-block/

text-decoration : 선으로 텍스트 꾸미기

[출처] https://www.codingfactory.net/10648

다른 속성들

padding, margin, border,margin-top, padding-bottom, width, height, margin-top, margin-bottom
font-family, font-size, font-weight : 폰트 이름, 크기 지정
list-style-type : 불렛 포인트