$$config title: 2023-01-11 keywords: - 풀스택양성과정(css) - ... $$ 1.

안녕

잘가

안녕

-->기본값이 지정되어있고 염두해 두어야 1. div{ background-color:red; //배경색이 빨강 width:400px;//넓이는 400픽셀 height:100px; //높이는 100픽셀 background-color:red;만 줬을 경우 css는 그대로 명령을 읽으면서 배경색을 빨간색으로 선언하지만 가로와 세로 넓이가 없기 때문에 생성되지 않는다. } --------------------------------------------------- 2. div{ background-color:red; //배경이 빨강 width:500px;//넓이는 500픽셀 height:200px;//높이는 200픽셀 } nav{ background-color:pink; //배경은 핑크 width:500px; //넓이는 500픽셀 height:200px;//높이는 200픽셀 } section{ background-color:yellow; //배경은 노랑 width:500px;//넓이는 500픽셀 height:200px;//높이는 200픽셀 } --------------------------------------------------- 3. div{ background-color:red; width:200px; height:150px; font-size:100px; } section{ background-color:green; width:200px; height:150px; font-size:100px; } div,section{ display:inline-block; } ------------------------------------------------------ 4. div{ background-color:red; width:150px; height:100px; font-size:4rem; text-align:center; border-style:solid; color:green;//글자색,테두리색까지 같이 바뀜 } section{ background-color:yellow; width:150px; height:200px; font-size:4rem; text-align:center; border-style:solid; color:pink;//글자색,테두리색까지 같이 바뀜 } nav{ background-color:blue; width:150px; height:100px; font-size:4rem; text-align:center; border-style:solid; color:white//글자색,테두리색까지 같이 바뀜 } div,section,nav{ display:inline-block; } ---------------------------------------------------- 5. div{ font-size:3rem; font-size:140px; font-weight:bold; letter-spacing:-10px; color: rgba(0,0,0,0.5); } section{ font-size:3rem; font-size:150px; font-style : bord; font-weight :200; color: rgba(10,201,55,0.3); //맨앞은 255일수록 진한 빨강 //맨마지막은 낮아질수록 투명도가 높아짐 } **헥사코드는 검색한번해봐야함!