공부2 CSS(3) - Pseudo - - div: 1. class 나 id 를 쓰는 것보다 훨씬 좋은 방법이다. 2. last-child 는 리스트에 있는 div 들 중 마지막에 있는걸 말한다. 3. first-child 는 첫번째 4. nth-child() 괄호안에 숫자를 넣어서 해당 숫자 번째를 가리킬수있다. (1) even : 짝수 번째 (2) odd : 홀수 번째 (3) 3n + 1 : 숫자 변경가능 3번째마다 적용이 되는걸 확인 할 수있다. - div p span { } 1. div 와 p 안에 존재하는 span 이 모든 영향이 미친다. 2. 내가 적용하고 싶은 하나만 적용이 되는게 아니라 모든 div 안의 p 안에있는 span 이 영향이 끼치므로 다른 작업을 추가로 해줘야할 가능성이 높아진다. - div > s.. 2022. 3. 25. CSS(2) - CSS의 성질 - 1. "css 는 무수히 많은 box(태그)로 구성이 되어있다." 2. "기본적으로 height(높이), width(너비) 로 box의 높이와 너비를 조절 할 수 있다." 3. "box 옆에 절대 다른 box 가 오지 않는 속성이 있다.(block)" 4. ",,,, 등 태그들은 box 옆에 box 가 올 수 있다.(inline)" [1]display - block; 1. block 은 높이와 너비가 있다. 2. block 은 box 로 margin, padding, border 속성이 있다. 3. margin 은 box의 border(경계)의 바깥에 있는 공간이다. 4. margin 방향없이 주면 사방에 다 적용이 된다. 두개의 속성을 주면 차례대로 '상하,좌우'를 의미하고 4개의.. 2022. 3. 24. 이전 1 다음
