목록css (2)
은학의 코딩 일기장
BoxModel weight = 가로 height = 세로 padding = 안쪽 여백 border = 테두리 (크기 형태 색깔 3개다 정해줘야됨!!!!) margin = 바깥 여백 Box-sizing css의 boxmodel의 box-sizing 은 content-box으로 지정되는데 이렇게 되면 padding값을 바꿀 때 Box 자체의 크기까지 변경되어 좀 귀찮아질 수 있음 그러므로 초기설정 때 *{ box-sizing = border-box; } 로 해주면 편함 Block ( 길막) 다른 박스가 자신의 라인에 침범 못하고 다음 줄로 넘어감 따로 width를 설정하지 않은경우 width = 부모의 content-box의 100% 따로 width를 설정한 경우 남은 공간은 margin으로 자동으로 채움..
선택자의 종류 Type : 과 같은 타입을 나타내는 선택자 Class : Id : Type p{ color : "black"; } 처럼 활용 3번째 우선순위를 가짐 Class .abc{ color : "black"; } 처럼 활용 .을 붙이는게 포인트 !! 2번째 우선순위를 가짐 Id #abc{ color : "black"; } 처럼 활용 #을 붙이는게 포인트 !! 1번째 우선순위를 가짐 자식 자손 형제 선택자 html => p의 자식 => p의 자손 => p와 div는 형제 자식 선택자를 선택할 때 p > li { color : "black"; } 자손 선택자를 선택할 때 p li { // 띄어쓰기 한번만 해주면 됨! color : "black"; } 형제 선택자 html css .active ~ p{..