web前端css技术简介（前端开发教程之CSS）
今天，小编带大家学习一下前端三大脚手架之二css，CSS全称为：Cascading Style Sheet，即层叠样式表也可简称为“样式表”，它的作用是1.修改页面中元素的显示样式，使页面更加美观；2.实现了结构和表现的分离，简单来说就是HTML负责页面的文档结构，CSS能够使页面表现的更加符合用户的需求，二者有各自的分工，共同形成网站的页面，3CSS样式表有三种方式，可以定义一个样式表供多个页面使用，同时如果在后期需要修改时，在一个样式表代码中修改，只有是使用了这个样式表的，会自动变为最后一次修改的样式，这样能提高代码的可重用和可维护。
CSS的特征：
1.继承性：某些属性在定义了一组样式后，这个标签的子标签或者后代的标签会继续沿用这组样式。比如font属性；
2.层叠型：从CSS的名称也可以得出，层叠样式表，即某一标签定义了多个样式，那么这些样式会层叠使用，如果遇到属性相同的，那么会以最后一次定义的属性值为最终值；
如上图，先来了解一下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="样式文件的路径">
可能有小伙伴对选择器不太了解，那么小编在接下来的一篇中详细介绍选择器；选择器在CSS中是非常重要的，选择器写法对错与否将直接影响到样式效果是否会显示；选择器的种类也比较多，小编将会在下一篇中为大家一一道来。
小编还是建议小伙伴们要多多打代码，码字的熟练度要提高；
预告：下一篇：前端开发教程之CSS（二） 选择器
免责声明：本文仅代表文章作者的个人观点，与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺，请读者仅作参考，并自行核实相关内容。文章投诉邮箱：anhduc.ph@yahoo.com
