CSS学习01-简介

2021-07-21 18:08:24

CSS简介

1. HTML的局限性

HTML满足不了设计者的需求
操作html属性不方便
丑

2. CSS——网页的美容师

让我们的网页更加丰富多彩，布局更加灵活自如
CSS最大的贡献：让HTML从样式中脱离，实现了HTML专注去做结构呈现，样式交给CSS

3. CSS语法规范

CSS规则有两个主要部分构成：选择器以及一条或多条声明

选择器是用于指定CSS样式的HTML标签，花括号内是对该对象设置的具体样式

4. CSS代码风格

1. 样式格式书写

紧凑格式
```
h3 { color: deeppink;font-size: 20px;}
```

展开格式(推荐)

h3 {
 	color: deeppink;
    font-size: 20px;    
}

2. 样式大小写

/* 推荐 */
h3{
 color: pink;
}
 
/* 不推荐 */
H3{
 COLOR: PINK;
}

3. 空格规范

属性值前面，冒号后面，保留一个空格
选择器(标签)和大括号中间保留空格

CSS学习01-简介