1. <font color="red"> 내용 </font>
2. <style>
a {
color:red;
}
</style>
a {} 선택자 = selector
color:red; = Declaration
property value
property = CSS에서의 효과
html의 중복 제거 > CSS의 폭팔적인 효과 > 규모가 커질수록 유입자수가 달라짐
= 웹페이지 유지/보수 편리 + 가독성 증가 효과
CSS를 사용하는 이유.
※ <!--
이 기호 사이에 있는 내용은 없는셈 쳐라
-->
text-decoration: none;
; 의 효과
하나의 디스크립션이 시작과 끝을 구분
항상 적어줘야함
style="color:red; text-decoration:underline"
h1 {
font-size:45px;
text-align: center;
}
class="saw"
클래스 = 그루핑하다, 하나로 묶음
id 값은 단 한번만 등장 = 중복되서는 안됨
= active = 유일무이한값 = 그래서 가장 순위가 높음
CSS BOX Model
<!DOCTYPE html>
<html>
<head>
<meta charset="uft-8">
<title></title>
<style>
h1{
border:5px solid red;
padding:20px;
margin:20px;
display:block;
width:100px;
}
</style>
</head>
<body>
<h1>CSS</h1>
<h1>CSS</h1>
</body>
</html>
grid
@media(max-width:800px)
'기초 물방울 > CSS' 카테고리의 다른 글
| CSS 공부 기록 핵심 정리 #2 (0) | 2022.04.12 |
|---|---|
| CSS 공부 기록 핵심 정리 #1 (0) | 2022.04.08 |