li - 선택자 (Selector)
{} - 선언 (Declaration Block), 서술의 역할
color, text-decoration - 속성 (Property)
red, underline - 값 (Value)
: - 속성과 값을 구분 (Value-Property Separator)
; - 각 선언을 구분 (Declaration Separator)
<!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 & css > 개념' 카테고리의 다른 글
부모 자식 선택자 (0) | 2023.09.15 |
---|---|
선택자의 종류 1 : 아이디 선택자 (0) | 2023.09.15 |
HTML과 CSS가 만나는 법 (0) | 2023.09.15 |
CSS 소개 (0) | 2023.08.24 |
CSS 박스 모델과 요소의 크기 (0) | 2023.07.04 |