커리까지

단위 px : 절대적 em : 상대적 rem : 상대적 오늘날에는 rem을 쓰면 된다. 폰트 크기를 조정할 수 있어서 좋다. 사용자가 브라우저의 글꼴을 키울때 px는 변하지않고 rem은 변한다. PX REM 브라우저 폰트 Very Small 브라우저 폰트 Large 사용자가 폰트 크기를 조정하면 rem은 변하고 px는 변하지 않는다.

선언부의 구체적인 효과 하나를 속성이라고 함 마이크로소프트에서 발표한 css많이 사용되는 순서 ​ https://blogs.windows.com/msedgedev/2016/04/11/css-usage-platform-data/ ​ - 지금 들어가면 잘 안되는것 같지만 대략적인 정보를 알 수 있다.

span:first-of-type 맨 처음 나오는 span plate:nth-of-type(2) plate중에서 2번째 plate:nth-of-type(odd) , plate:nth-of-type(enev) odd는 홀수, even은 짝수 plate:nth-of-type(2n) 2번째, 4번째, 6번째 컴퓨터가 알아서 0부터 시작해서 값을 넣는다. plate:nth-of-type(2n+1) 0부터 시작하면 1이되고 그 다음에 3, 5 apple:only-of-type apple중에 형제중에 자기와 타입이 같은게 없는것 -> 자기 자신만 존재하는 것 orange:last-of-type orange중에 마지막 타입 bento:empty bento중에서 아무것도 가지지 않은 것 apple:not(.small)..

plate apple plate 밑에 있는 모든 apple들 plate>apple 모든 apple 중 plate 바로 밑에 있는 apple orange:first-child orange중 첫번째로 등장하는 orange *:only-child 오직 본인 태그만 있는 것 .table>last:child 가장 끝에 있는 태그를 가리킨다. .small:last-child plate:nth-child(3) 3번째 child를 뜻함 :nth-last-child(4) 뒤에서 4번재 자식

apple.small : apple태그에서 클래스가 small인 것들 plate, bento : plate와 bento 둘 다 선택 bento plate.smaell : bento 태그안에 plate에 small 클래스인것들 * : 모든 태그 plate+apple : plate에 인접한 apple 태그 (하나만 선택됨) bento ~pickle : bento에 인접한 모든 pikcle태그

방문함 방문 안 함 a:activate : activate : pseudo선택자 동급이면 뒤쪽에 있는 선택자 선언 -> 그래서 yello가 나온다. visited : 이미 방문한 곳 보안때문에 일부 속성만 사용가능 focus는 여러가지 이유로 가장 뒤에 놓는게 좋다.

css에서 주어 역할 연습링크

html css css html css selector declaration css ul li : ul밑에 있는 li태그들 ol>li : ol바로 밑에 있는 li자식들 lecture>li : id가 lecture인 태그 바로 밑에 있는 li태그들 color은 li가 자식뿐만아니라 그 밑에 있는 자손태그들도 적용이 된다. -> 추후에 다룰 내용 border는 정상적으로 적용됨 ul,ol : ul와 ol에 적용된다.

html css css selector에 css의 효과는 declaration으로 해준다. font-size는 속성이고 1.2em은 그 속성의 값이고 ;은 선언과 선언을 구분해준다.

# CSS 수업 - 실습환경 - 윈도우 ctrl+O를 눌러서 우리가 예제로 만든 파일을 열어서 환경을 만들어준다. # CSS 수업 - HTML과 CSS가 만나는 법 ### css가 html과 만나는 방법 - style속성에는 css가 온다고 약속되어 있다. ```html Hello World ``` - 직접 태그안에 입력해주거나 - style=는 html문법 이거는 속성 - 그 다음에 등장하는 color:red 이 부분이 css문법 ```html Hello World ``` - style태그를 만들어서 관리할 수 있다. - \태그도 css가 온다고 약속되어 있다. - h2{color:blue} 이게 css문법