li로 묶인 글을 파란색으로 칠하라
<style>
li{color: blue;}
</style>
제목을 붉은색으로 칠하라
<h1 style="color: red;">helloworld</h1>
선택과 선언
<style>
li{color: blue;
밑줄 그어주는 것
text-decoration:underline;
}
</style>
선택자의 종류
1.id 선택자
#select{font-size:50px;}
<li id="select"></li>
2.클래스선택자
Class : 어떠한 대상을 그룹핑하기 위한 것
id : select는 한번만 등장한다. 여러번 사용할 경우 클래스를 사용해야한다.
.active{text-decoration:underline;}
<li class="active"></li>
3. 부모자식 선택자
ul아래에 있는 li에 값을 파란색으로 바꿔라
ul li{color: blue;}
ol아래의 li에 빨간 칸을 만들어라
ol>li{border:1px solid red;}
ul,ol의 배경색을 파란색으로 바꿔라
ul,ol{background-color:powderblue;}
[CSS] 유지보수(link와 import, minify) (0) |
2020.03.26 |
[CSS] 배경, transform, transition (0) |
2020.03.26 |
[CSS] Multi column, Media query, float (0) |
2020.03.26 |
[CSS] 간격, box-sizing, 포지션, flex, 레이아웃 (0) |
2020.03.25 |
[CSS]가상클래스선택자, 다양한 선택자들, 연습사이트(CSS Diner),font-siz , text-align, font (0) |
2020.03.25 |