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

CSS样式的添加方法


行内样式
e.x.在这里插入图片描述


内嵌样式
e.x.
n
注意内嵌样式写在head标签内；



单独文件（外部式样式表文件）

也是在head标签内插入超链接，sublime+emmet可以用link:css+快捷键实现



CSS的选择器类型

1.标签选择器

在这里插入图片描述


2.**类别选择器**

在这里插入图片描述

3.ID选择器

在这里插入图片描述
注：id选择器应当具有唯一性。


4.嵌套声明
在这里插入图片描述

5.集体声明

在这里插入图片描述

6.全局声明

在这里插入图片描述

CSS样式

1.单位
px，em，%
在这里插入图片描述

2.颜色

在这里插入图片描述

3.文本
在这里插入图片描述

4.字体

在这里插入图片描述
简化font：
在这里插入图片描述

5.背景
在这里插入图片描述

6.超链接
在这里插入图片描述

在这里插入图片描述
其中，：被称为伪类选择器
link-visited-hover-active必须按照如此顺序
Love&Hate 来记忆（

7.列表
在这里插入图片描述
list-style-type
在这里插入图片描述
list-style-position inside和outside
list-style-image 换图标

8.表格
略
奇偶选择器：
在这里插入图片描述
此处的odd、even可换为数字。

posted @ 2019-02-15 17:33  roccoshi  阅读(116)  评论(0)  编辑  收藏  举报