CSS(Cascading Style Sheets)는 HTML의 각 요소(Element)의 style(design, layout etc)을 정의하여 화면 screen등에 어덯게 렌더링하면 되는지 브라우저에게 설명하기 위한 언어 ->한마디로 구조화된 문서에 디자인을 입혀
Style을 적용하고자 하는 HTML요소를 셀렉터로 특정하고 선택된 요소에 스타일을 정의하는것 복수개의 셀렉터를 연속하여 지정할 수 있고, 쉼표(,)로 구분 h1, p(color: red;} 1.전체 셀렉터(Universal selector) `` : HTML 문서
CSS프로퍼티 값의 단위: CSS 프로퍼티에는 키워드, 크기 단위, 생상 표현 단위 등의 특정 단위를 갖는 값을 지정 1.키워드 : 각 프로퍼티에 따라 사용할 수 있는 키워드가 존재 예를 들면, display프로퍼티의 값으로 사용할 수 있는 키워드는 block, in
: layout 정의에 자주 사용되는 프로퍼티block: block 특성을 가지는 요소(block 레벨 요소)로 지정inline: inline 특성을 가지는 요소(inline 레벨 요소)로 지정inline block: inline-block 특성을 가지는 요소(inln
:해당 요소의 배경으로 이미지 또는 색상을 정의 1.Background-image 프로퍼티 : 요소에 배경 이미지 지정 하나 이상의 배경 이미지 설정(하나 이상일 경우 쉼표로 구분) 기본적으로 배경 이미지는 요소의 왼쪽 상단 모서리에 배치, 수직 및 수평으로 반복
: 폰트의 크기, 폰트의 지정, 폰트의 스타일, 텍스트 정렬 등을 정의: 텍스트의 크기 정의크기 단위는 px, em, pt 등이 있음h1~h5태그도 css에서 폰트 크기 조정 가능해당 태그나 class, id에 css 값이 존재 -> 해당 스타일을 더 우선순위로 적용f
: 위치 정의,top, bottom, left, right 프로퍼티와 함께 사용하여 위치 지정: position 프로퍼티의 기본값(position 프로퍼티를 지정하지 않았을때)기본적인 요소 배치순서: 위에서 아래로, 왼쪽에서 오른쪽 순서에 따라 배치부모요소 내에 자식요
float 프로퍼티: 레이아웃 구성할 때 블록 레벨 요소를 가로 정렬하기 위해 사용이미지 주위를 텍스트로 감싸기 위해 사용 -> 페이지 전체 레이아웃을 잡을때도 중요하게 사용됨float: left; : 왼쪽부터 가로 정렬float: right; : 오른쪽부터 가로 정렬
: 상위(부모, 조상) 요소에 적용된 프로퍼티를 하위(자식, 자손)요소가 물려받는 것을 의미, 상속 기능이 없을 시 각 요소의 rule set에 프로퍼티를 매번 지정해야 함상속되지 않는 경우, inherit 키워드를 사용하여 명시적으로 상속받게 할 수 있다.: 여러개의