前端开发教程之CSS
- 来源：未知 原创
- 时间：2018-04-19
- 阅读： 次
- 本文标签：
今天，小编带大家学习一下前端三大脚手架之二CSS，CSS全称为：Cascading Style Sheet，即层叠样式表也可简称为“样式表”，它的作用是1.修改页面中元素的显示样式，使页面更加美观；2.实现了结构和表现的分离，简单来说就是HTML负责页面的文档结构，CSS能够使页面表现的更加符合用户的需求，二者有各自的分工，共同形成网站的页面，3CSS样式表有三种方式，可以定义一个样式表供多个页面使用，同时如果在后期需要修改时，在一个样式表代码中修改，只有是使用了这个样式表的，会自动变为最后一次修改的样式，这样能提高代码的可重用和可维护。
CSS的特征：1.继承性：某些属性在定义了一组样式后，这个标签的子标签或者后代的标签会继续沿用这组样式。比如font属性；2.层叠型：从CSS的名称也可以得出，层叠样式表，即某一标签定义了多个样式，那么这些样式会层叠使用，如果遇到属性相同的，那么会以最后一次定义的属性值为最终值；3.有优先级，CSS样式表的形式有3种，这三种的优先级为内联样式表>内部样式表>外部样式表；原则就是“就近原则”4.！important，这个可以改变样式属性的优先级，如：color：“red” !important表示无论这个属性是在哪个样式表形式内，它的优先级最高；先来了解一下CSS的语法： 在内联样式中是属性：值；如<p style="color:red"></p>；在内部样式表和外部样式表中，语法的规范如上图所示；注意：当出现多个时用；隔开现在我们来总结一下样式表的3种使用形式：1.内联样式（也有称为：行内样式）2.内部样式表3.外部样式表.
内联样式表：就是直接在HTML标签中以属性style的方式定义，语法规范：<p style="color:red"></p>，表示当前的p标签的文字颜色样式是红色的，作用范围为当前的标签中。内部样式表：就是定义在HTML的<head>标签中，定义在<style></style>；语法规范：<style>选择器{属性：值}</style>，作用范围：当前页面内有效，在HTML中，定义了的标签只要是在style></style>中定义过的，那么就会引用定义好的样式；外部样式表：就是定义在页面之外一个.css文件中，要想用定义好的样式时，在<head>中通过引用<link/>标签直接引用这个.css文件。其中.css文件的内容就是上上述内部样式表的定义样式方式一直，即选择器{属性：值}；语法规范：<link rel="stylesheet" type="text/css" href="样式文件的路径".
本文链接：http://www.it892.com/content/web/css/041bVb2018.html
