$$config title: CSS keywords: - IT - CSS - 함수모음 - 팁 - 기본상식 $$ # CSS - 선택자 : 같은 엘리먼트가 여러개있을때 어떤부모의 엘리먼트를 선택할것인지 선택할 수 있다. - 예시 ```html

``` - a { color : green } ; 을 지정할 경우 div와 section의 a엘리먼트 색이 전부 그린으로 변경된다. - div의 a엘리먼트 색 만 그린으로 지정하고 싶은경우 - div > a { color : green } ; 로 하면 div의 자식엘리먼트 a만 값이 바뀐다. - 부모엘리먼트 후손엘리먼트 : 부모엘리먼트안의 자식포함 후손에있는것까지 포함하여 선택한다. - 예시 ```html

``` - 엘리먼트의 개수 - div a : 선택되는 엘리먼트 2개 - div > a : 선택되는 엘리먼트 1개 - 엘리먼트 : hover - 마우스가 올려졌을때 실행 - 예시 : div에 마우스를 올려놓으면 배경색이 파랑이 된다. ```css div : hover{ background-color : blue; } ``` --- ## 함수 ### 글자 - font-size : 0px; - 글자크기 - 글자한자한자의 px값 - rem : x배 - font-weight : bold; - 글자 굵기 - nomal : 기본값 / bold : 굵게 / ?? : 얇게 - letter-spacing : 0px; - 자간 넓히기(양수), 좁히기(음수) - color : rgba(0, 0, 0, 0); - (빨강, 초록, 파랑, 투명도) - 각각 0~255까지 입력가능 : 0 0 0 - 검정, 255 255 255 - 흰색 - #으로 16진수로 입력가능 - display : ____; - block : 너비 - 최대한 넓어진다 / 높이 - 최소한으로 줄어든다 / 한줄 - 혼자사용한다 - inline-block : 너비 -최소한으로 줄어든다 / 높이 -최소한으로 줄어든다 / 한줄 - 한줄을 최대한 여럿이 옆으로 나온다. - border : 0px solid green; - 외곽선의 두께, 외곽선의 생김새, 와곽선의 색 - 생김새 : solid, dotted, dashed 등의 다양한 옵션이 있다. - padding : 0px; - 안쪽 여백 - text-align : 위치; - 위치 : left - 왼쪽(기본값) / center - 가운데 / right - 오른쪽 - 텍스트(글자)만!! 정렬 - text-decoration : \_\_\_; - 텍스트 꾸미기 - 속성값 : none(꾸미기X), underline(밑줄) ... --- ### 표 - table{ border-collapse : collapse; } - 표의 테두리가 굵은모양이 아니라 우리가 아는 얇은줄 테두리로 나온다. ---