CSS基础语法-学习笔记
CSS基础语法
-
- 一、CSS概述
- 二、CSS语法
- 三、CSS常用样式
-
- 1. 文字三属性
-
- (1) 颜色 color
- (2) 字体 font-family
- (3) 字号 font-size
- 2. 盒子实体化三属性
- 3. CSS选择器
-
- (1) 基础选择器
-
- ① 标签选择器
- ② id选择器
- ③ 类选择器
- ④ 通配符选择器
- (2) 高级选择器
-
- ① 后代选择器
- ② 交集选择器
- ③ 并集选择器
- 4. CSS层叠式
-
- (1) 继承性
- (2) 层叠性
- 总结
文章内容输出来源：拉勾教育大前端就业急训营
一、CSS概述
css 全称cascading style sheeting, 层叠式样式表，是一种用来表现HTML的文件样式的计算机语言。
作用：静态修饰网页，并且可以配合各种脚本语言动态地对网页各元素进行格式化。
CSS的出现，实现了网页的结构和样式分离，拯救了混乱的HTML。
二、CSS语法
- CSS规则由两个主要的部分组成：选择器以及一条或多条声明
- CSS的代码根据书写位置不同分为四种书写方式：内联式、内嵌式、外联是、导入式。
- 内联式，也称行内式，书写在HTML标签之上的style属性.i
- 内联式必须书写在标签之上，没有完全脱离HTML标签。
- CSS样式代码让标签结构繁杂，不利于HTML结构的解读。
- 一个内联式CSS代码，只能给一个标签使用，如果多个标签由相同的样式，同样的CSS代码需要多次书写，增加代码量。
- 内嵌式，书写在HTML文件
标签内部的- 优点
- 初步实现结构和样式的分离
- 多个标签可以公用一段代码设置样式
- 缺点
- 未完全实现结构与样式分离，CSS代码仍然在HTML文件中
- CSS样式只能给一个HTML文件使用，不能多个HTML共用
- 如果CSS代码太长，会造成文件头重脚轻
- 优点
- 外联式，也叫做外链式。书写在一个单独的.css文件中。书写语法与内嵌式类似，但省略了
标签
- 外联式样式表必须引入到HTML文件中，才能够正常加载。
- 外联式优点
- 完全实现结构与样式分离。
- 多个HTML文件可以公用一个CSS文件，便于提取公共CSS，减少代码量
- 实现一个CSS变化，多个HTML页面同时变化，减少工作量
- 一个HTML可以引用多个CSS文件，实现同一个页面中CSS代码分层。
- 外联式样式表必须引入到HTML文件中，才能够正常加载。
- 导入式，写于内嵌式的
- 内联式，也称行内式，书写在HTML标签之上的style属性.