본 게시글은 인프런 강의 "CSS 기본부터 활용까지"를 보고 공부한 내용을 정리하고 있습니다.
[무료] CSS 기본부터 활용까지 - 인프런 | 강의
CSS는 HTML을 아름답게 꾸며주는 디자이너의 언어입니다. CSS는 디지털 컨텐츠를 생산하는 사람들에게는 붓 질과 같은 것이 아닐까 싶습니다. 이 수업에서는 디지털 붓 질을 하는 법을 알려드립니
www.inflearn.com
선택자와 선언
<!DOCTYPE html>
<html>
<head>
<style>
li{
color:red;
text-decoration:underline;
}
</style>
</head>
<body>
<ul>
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
</ul>
</body>
</html>리스트 방식이 사용되어 있습니다.
처음 시작하는 Html - 리스트
본 게시글은 인프런 강의 "윤재성의 처음시작하는 HTML & HTML5 Tutorials"를 보고 공부한 내용을 정리하고 있습니다. https://www.inflearn.com/course/html-2/dashboard 윤재성의 처음시작하는 HTML & HTML5 Tut..
leewang31.tistory.com
여기서 style부분만 따로 보면
li{
color:red;
text-decoration:underline;
}
li태그로 지정되어 있는 것은 color와 text-decoration을 준다는 의미 입니다.
color:red;는 글자색을 빨간색으로 준다는 의미이고,
text-decoration:underline;는 글자에 효과를 주는데 underline 즉, 밑줄을 해준다는 의미입니다.
조금더 디테일하게 분석을 해보자면
li { color:red; text-decoration:underline; }
li 부분은 선택자이고
{ color:red; text-decoration:underline; } 부분은 선언입니다.
color와 text-decoration은 속성이고, red와 underline은 값입니다.
:는 속성과 값을 구하는 구분자이고, ;는선언의 구분자입니다.
'프론트엔드 > CSS' 카테고리의 다른 글
| CSS 기본부터 활용까지 - 상속 (0) | 2022.07.28 |
|---|---|
| CSS 기본부터 활용까지 - 가상클래스 선택자 (0) | 2022.07.25 |
| CSS 기본부터 활용까지 - 부모 자식 선택자 (0) | 2022.07.25 |
| CSS 기본부터 활용까지 - ID선택자 (0) | 2022.07.25 |
| CSS 기본부터 활용까지 - 준비단계 (0) | 2022.07.25 |