"-CSS(Cascading Style Sheet) SELECTOR
선택자. CSS를 적용할 대상을 지정
태그명, 클래스(.), 아이디(#), name([속성='값'])
-HTML의 기본 속성
1) id : 개발용. 중복 권장 X
2) name : 개발용, 정보 전달용, 중복 허용
3) class : 디자인용, CSS
-웹에서의 색상 표현
1) 색상명 : red
2) rgb(숫자1, 숫자2, 숫자3) : red(0~255) / green(0~255) / blue(0~255)
3) 16진수 표현법 : 위의 rgb를 16진수로 표현. #0000FF - 파란색(FF)
-SELECTOR SELECTOR
앞의 셀렉터 하위 요소들 중 뒤쪽 셀렉터인 것. 자식. 자식의 자식 등 모든 요소를 나타냄
-SELECTOR > SELECTOR
앞 셀렉터 하위에서 뒤쪽 셀렉터인 것. 자식만 해당
-display 속성
1) block : 가로 100%, div 기본 속성
2) inline : 내용만큼만, span 기본 속성(크기지정 X)
3) inline-block : 기본적으로는 inline과 동일하지만, 크기 지정 가능함
-padding과 마진
1) margin : 밖에 내용을 밀어냄(크기 변화X)
2) padding : 안쪽 내용에서 영역을 밀어냄(크기 변화O)
-border-radius
둥근테두리, top-left, top-light, bottom-left, bottom-right
-font-family
사용자의 PC에 해당 폰트가 있는 경우 앞에서부터 적용. 만약 해당 폰트가 없으면 다음폰트로 시도하며, 최종적으로 아무것도 없는 경우 브라우저 기본 폰트 사용
-font-size
기본적으로 pt를 쓰는 것을 권장. pt, %
폰트에서 %는 부모의 크기에서 몇 %인지를 나타냄
-브라우저 기본 마진(크롬 기준 8px) 없애기
body {
font-size: 0px;
margin: 0px;
}"
선택자. CSS를 적용할 대상을 지정
태그명, 클래스(.), 아이디(#), name([속성='값'])
-HTML의 기본 속성
1) id : 개발용. 중복 권장 X
2) name : 개발용, 정보 전달용, 중복 허용
3) class : 디자인용, CSS
-웹에서의 색상 표현
1) 색상명 : red
2) rgb(숫자1, 숫자2, 숫자3) : red(0~255) / green(0~255) / blue(0~255)
3) 16진수 표현법 : 위의 rgb를 16진수로 표현. #0000FF - 파란색(FF)
-SELECTOR SELECTOR
앞의 셀렉터 하위 요소들 중 뒤쪽 셀렉터인 것. 자식. 자식의 자식 등 모든 요소를 나타냄
#a .b1 {
background-color: maroon;
}
-SELECTOR > SELECTOR
앞 셀렉터 하위에서 뒤쪽 셀렉터인 것. 자식만 해당
-display 속성
1) block : 가로 100%, div 기본 속성
2) inline : 내용만큼만, span 기본 속성(크기지정 X)
3) inline-block : 기본적으로는 inline과 동일하지만, 크기 지정 가능함
-padding과 마진
1) margin : 밖에 내용을 밀어냄(크기 변화X)
2) padding : 안쪽 내용에서 영역을 밀어냄(크기 변화O)
-border-radius
둥근테두리, top-left, top-light, bottom-left, bottom-right
-font-family
사용자의 PC에 해당 폰트가 있는 경우 앞에서부터 적용. 만약 해당 폰트가 없으면 다음폰트로 시도하며, 최종적으로 아무것도 없는 경우 브라우저 기본 폰트 사용
-font-size
기본적으로 pt를 쓰는 것을 권장. pt, %
폰트에서 %는 부모의 크기에서 몇 %인지를 나타냄
-브라우저 기본 마진(크롬 기준 8px) 없애기
body {
font-size: 0px;
margin: 0px;
}"