210427
css셀렉터
- id셀릭터:#아이디
- class셀렉터:.클래스명
- tag셀렉터:태그명
/id속성이 a인 요소에 적용/
#a {font-size:30px; color:blue;}
/클래스 속성이 b인 요소들에 적용/
.b {width:300px; border:3px solid green;}
/class속성이 c인요소의 자식요소 h1에 적용/
.c h1 {color:white;}
.c .b {width:500px; height:300px; border:3px solid orange;}
html요소에는 블록요소와 인라인요소가 있다.
- 블록레벨요소 : 자동줄바꿈이 됨. 한줄전체가 영역으로 설정 (div, p, h1, ...)
- 인라인레벨요소 : 자동줄바꿈이 안됨. 콘텐츠만큼만 영역으로 설정 (a, span, ..)
인라인요소는 width 속성을 지정할 수 없다.
display:block; a태그를 블록레벨 요소로 설정
display:inline-block; 인라인요소이면서 width값이 적용된다.
padding과 margin
- padding:안쪽여백
- margin:바깥쪽 여백
clear:both; float 속성해제
'ㅅ'