提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档
文章目录
- 前言
- 一、掌握CSS样式规则，能够书写规范的CSS样式代码。
- 二、掌握CSS字体样式及文本外观属性，能够控制页面中的文本样式
- 三、掌握CSS复合选择器，可以快捷选择页面中的元素
- 四、理解CSS层叠性、继承性与优先级，学会高效控制网页元素
- 总结
前言
如果希望网页美观、大方，并且升级轻松、维护方便，就需要使用CSS，实现结构与表现的分离
从而来控制页面的效果。
一、掌握CSS样式规则，能够书写规范的CSS样式代码。
引入css样式表的方式有哪些？
1，行内式
行内式也称为内联样式，是通过标记的style属性来设置元素的样式。
2，内嵌式
内嵌式是将CSS代码集中写在HTML文档的<head>头部标记中，并且用<style>标记定义。
3，链入式
链入式是将所有的样式放在一个或多个以.css为扩展名的外部样式表文件中，通过<link />标记将外部样式表文件链接到HTML文档中。
什么是基础选择器？
1，含义和类型
要想将CSS样式应用于特定的HTML元素，首先需要找到该目标元素。在CSS中，执行这一任务的样式规则部分被称为选择器，选择器的类型有标签选择器，id选择器，类选择器，通配符选择器。
2，标签选择器
标签选择器是指用HTML标签名称作为选择器，按标签名称分类，为页面中某一类标签指定统一的CSS样式。
3，id选择器
id选择器使用“#”进行标识，后面紧跟id名，其基本语法格式如下：
4，类选择器
类选择器使用“.”（英文点号）进行标识，后面紧跟类名。
5，通配符选择器
通配符选择器用“*”号表示，它是所有选择器中作用范围最广的，能匹配页面中所有的元素。
二、掌握CSS字体样式及文本外观属性，能够控制页面中的文本样式
字体样式有哪些？
1，font-size属性
font-size属性用于设置字号，该属性的值可以使用相对长度单位，也可以使用绝对长度单位，一般常用px
2，font-family属性
font-family属性用于设置字体。网页中常用的字体有宋体、微软雅黑、黑体等。
3，font-weight属性
font-weight属性用于定义字体的粗细
4,font-variant属性
font-variant属性用于设置变体（字体变化），一般用于定义小型大写字母，仅对英文字符有效。
normal：默认值，浏览器会显示标准的字体;
small-caps：浏览器会显示小型大写的字体，即所有的小写字母均会转换为大写；
5，font-style属性
font-style属性用于定义字体风格，如设置斜体、倾斜或正常字体。
normal：默认值，浏览器会显示标准的字体样式;
italic：浏览器会显示斜体的字体样式;
oblique：浏览器会显示倾斜的字体样式;
6，font属性
font属性不能颠倒顺序 不需要设置的属性可以省略, 但必须保留font-size和font-family
css文本样式属性有哪些？
1，color属性
color属性用于定义文本的颜色，其取值方式有如下3种：（一般截图软件都有字体颜色的代码）
预定义的颜色值，如red，green，blue等。
十六进制，如#FF0000，#FF6600，#29D794等。实际工作中，十六进制是最常用的定义颜色的方式。
RGB代码，如红色可以表示为rgb(255,0,0)或rgb(100%,0%,0%)。
2，line-height属性
line-height属性用于设置行间距，所谓行间距就是行与行之间的距离，即字符的垂直间距，一般称为行高。
ine-height常用的属性值单位有三种，分别为像素px，相对值em和百分比%，实际工作中使用最多的是像素px。
3，text-align属性
text-align属性用于设置文本内容水平对齐，相当于html中的align对齐属性。
其可用属性值如下：
left：左对齐（默认值）
right：右对齐。
center：居中对齐。
4，text-decoration属性
text-decoration属性用于设置文本的下划线，上划线，删除线等装饰效果。
其可用属性值如下：
none：没有装饰（正常文本默认值）。
underline：下划线。
overline：上划线。
line-through：删除线。
5，text-indent属性
text-indent属性用于设置首行文本的缩进。
其属性值可为不同单位的数值、em字符宽度的倍数、或相对于浏览器窗口宽度的百分比%，允许使用负值, 建议使用em作为设置单位。比如：缩进两字符：2em
6，background-color背景颜色
元素的类型与转换具体是什么？
1，元素的类型
HTML标记被定义成了不同的类型，一般分为块标记和行内标记，也称块元素和行内元素。
常见的块元素有：div，ol，li，ul，h1-h6，p（其中<div>标记是最典型的块元素。）
常见的行内元素有：span，a，strong，em，b，u
2，元素的转换
温馨提示：行内元素如果要设置宽高及对齐属性则需将它转化为块元素
三、掌握CSS复合选择器，可以快捷选择页面中的元素
复合选择器怎么使用？
1，标签指定选择器
标签指定式选择器又称交集选择器，由两个选择器构成，其中第一个为标记选择器，第二个为class选择器或id选择器，两个选择器之间不能有空格，如h3.special或p#one。
2，后代选择器
后代选择器用来选择元素或元素组的后代，其写法就是把外层标记写在前面，内层标记写在后面，中间用空格分隔。当标记发生嵌套时，内层标记就成为外层标记的后代。
3，并集选择器
并集选择器是各个选择器通过逗号连接而成的，任何形式的选择器都可以作为并集选择器的一部分。若某些选择器定义的样式完全或部分相同，可利用并集选择器为它们定义相同的样式。
四、理解CSS层叠性、继承性与优先级，学会高效控制网页元素
什么是css层叠性、继承性？
1，层叠性
所谓层叠性是指多种CSS样式的叠加。
2，继承性
所谓继承性是指书写CSS样式表时，子标记会继承父标记的某些样式，如文本颜色和字号。
理解优先级的概念和如何使用
1，概念
定义CSS样式时，经常出现两个或更多规则应用在同一元素上，这时就会出现优先级的问题。
所有为了区分不同标签的css使用，处理好优先级至关重要。
2，如何使用
对于不同的选择器，看权重大小是最容易区分优先级的
标签权重：1
class权重：10
id权重：100
行内样式：1000
总结
这些对于css的初认识和使用方面应该会有帮助的，也希望刚接触前端的朋友们看到这个对自己有帮助一些。
总结
提示：这里对文章进行总结：
例如：以上就是今天要讲的内容，本文仅仅简单介绍了pandas的使用，而pandas提供了大量能使我们快速便捷地处理数据的函数和方法。
2130
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
