您的位置: 首页 > 文章 > 2019-02-15 CSS样式学习——（内容来自mooc北京林业大学web前端开发授课ppt）

2019-02-15 CSS样式学习——（内容来自mooc北京林业大学web前端开发授课ppt）

分类: 文章 • 2024-05-22 11:15:10

CSS样式的添加方法

行内样式
e.x. 2019-02-15 CSS样式学习——（内容来自mooc北京林业大学web前端开发授课ppt）

内嵌样式
e.x.
2019-02-15 CSS样式学习——（内容来自mooc北京林业大学web前端开发授课ppt）
注意内嵌样式写在head标签内；

单独文件（外部式样式表文件）
2019-02-15 CSS样式学习——（内容来自mooc北京林业大学web前端开发授课ppt）
也是在head标签内插入超链接，sublime+emmet可以用link:css+快捷键实现

CSS的选择器类型

1.标签选择器

2019-02-15 CSS样式学习——（内容来自mooc北京林业大学web前端开发授课ppt）

2.**类别选择器**

2019-02-15 CSS样式学习——（内容来自mooc北京林业大学web前端开发授课ppt）

3.ID选择器

2019-02-15 CSS样式学习——（内容来自mooc北京林业大学web前端开发授课ppt）
注：id选择器应当具有唯一性。

4.嵌套声明
2019-02-15 CSS样式学习——（内容来自mooc北京林业大学web前端开发授课ppt）

5.集体声明

2019-02-15 CSS样式学习——（内容来自mooc北京林业大学web前端开发授课ppt）

6.全局声明

2019-02-15 CSS样式学习——（内容来自mooc北京林业大学web前端开发授课ppt）

CSS样式

1.单位
px，em，%
2019-02-15 CSS样式学习——（内容来自mooc北京林业大学web前端开发授课ppt）

2.颜色

2019-02-15 CSS样式学习——（内容来自mooc北京林业大学web前端开发授课ppt）

3.文本
2019-02-15 CSS样式学习——（内容来自mooc北京林业大学web前端开发授课ppt）

4.字体

2019-02-15 CSS样式学习——（内容来自mooc北京林业大学web前端开发授课ppt）
简化font：

5.背景
2019-02-15 CSS样式学习——（内容来自mooc北京林业大学web前端开发授课ppt）

6.超链接
2019-02-15 CSS样式学习——（内容来自mooc北京林业大学web前端开发授课ppt）

2019-02-15 CSS样式学习——（内容来自mooc北京林业大学web前端开发授课ppt）
其中，：被称为伪类选择器
link-visited-hover-active必须按照如此顺序
Love&Hate 来记忆（

7.列表
2019-02-15 CSS样式学习——（内容来自mooc北京林业大学web前端开发授课ppt）
list-style-type

list-style-position inside和outside
list-style-image 换图标

8.表格
略
奇偶选择器：
2019-02-15 CSS样式学习——（内容来自mooc北京林业大学web前端开发授课ppt）
此处的odd、even可换为数字。