1.셀렉터
CSS selector를 표기하는 방법중에
해당 태그의 첫 번째 순서인지,
마지막 순서인인지,
홀수/짝수 인지 알 수 있는 selector 표기법이 있습니다.
selector:fisrt-child{}
selector:second-child{}
selector:nth-child(odd){}
selector:nth-child(even){}
- 색상코드 원리
HEX헥스,RGB, 색상표기법,색표기,색상값,색상코드값,색투명(alpha)
HEX값 (헥스값_ HEX Value)
16진수 표기법으로 광원(빛의 3원색)인 Red,Green,Blue의 조합으로 표기 합니다. 그 광원들 중 하나에 관련 될 수 있는 가장 낮은 값은 0(hex 00)이며, 가장 높은 값은 255(hex ff)입니다. 하나의 광원 당0~255까지 총 256색을 표현 할 수 있습니다.
3개의 광원의 조합으로 표기할 수 있는 색상의 총 갯수는 Red(256색 )X Green(256색) X Blue(256색) = 총 16,777,216개 입니다. 대부분의 최신 모니터는 적어도 16384개의 색을 표시 할 수 있습니다. 모니터는 근사치의 색으로 표현 합니다.
#000000 : 광원을 하나도 사용하지 않은 검정색으로 표시 됩니다.
#ff0000 : 명도와 채도가 가장 높은 빨간색이 표시 됩니다.
#00ff00 : 명도와 채도가 가장 높은 초록색이 표시 됩니다.
#0000ff : 명도와 채도가 가장 높은 파란색이 표시 됩니다.
-
CSS로부터 HTML 읽는 법:
.container header p.title
** 앞에 "."이 붙으면 클래스, 아니면 태그! -
block 요소
대부분의 HTML element(이하 요소)는 block 요소입니다.
예를 들어, < header>, < footer>, < p>, < li>, < table>, < div>, < h1> 등이 모두 block 요소에 해당하는 태그들입니다.
block 요소의 의미는, 이 요소 바로 옆(좌우측)에 다른 요소를 붙여넣을 수 없다는 뜻입니다.
block 요소와 성질이 반대인 inline 요소도 있습니다.
< span>, < a>, < img> 태그 등이 inline 요소입니다.
inline이라는 말 그대로 inline 요소는 요소끼리 서로 한 줄에, 바로 옆에 위치할 수 있다는 뜻입니다.
