[点晴永久免费OA]什么是css/style，以css的各种样式的比较

admin

2020年2月20日 10:8 本文热度 4142

1、css是什么，有什么用？

css指的是层叠样式表，Cascading Style Sheets。解决了内容与外观表现相分离的问题。

2、一开始我们在html中设置字体是用font标签来设置字体的颜色大小类型，而现在我们用css来设置，每一个标签都有自己的属性，于是我们用p标签，或者其他标签的属性style来设置字体的颜色大小类型，例子如下所示：

3、style样式写在哪里？各个写法有何优缺点？

根据写在哪里，把style分为三类：

行内样式：

在网页页面内直接找到相应的元素或控件，在元素或控件中增加style样式。

例：<p style="color:red; font-size:24px; font-family:''微软雅黑'';">你好</p>

好处：是能直接改，优先级也是最高，对于单个不重复页面处理容易，易于理解。

缺点：当页面重复使用一种类型的style时，容易造成冗余，后期代码量大，不易于维护。

内部样式：

放在网页页面内部的<head></head>之间，实现了内容与表现相分离，例：

p{ color:red; font-size:24px; font-family:微软雅黑; }

</style>

好处：实现了内容与表现相分离，解决了内部样式出现的冗余的问题；

缺点：当页面较多，且用到同一种样式的时候，会造成冗余。

外部样式：

用单独的css文件表示，然后再在网页页面内部引用，即首先新建一个css文件，用来放样式，然后在html页面或者是要展示的文件下引用样式：

例：文件demo.css下有 p{ color:red; font-size:24px; font-family:微软雅黑;}

在文件index.html的body上下都可以，引用 <link rel="stylesheet" href="demo.css"> 即可。

好处：实现css的单个化，便于所有需要用到此样式的网页页面调用；

缺点：几乎没有，除了引用复杂，每一种类型的样式都有他们独特的好处。

4、如果都作用在同一个样式下的三种样式，css的优先级为：行内样式>内部样式>外部样式

相关教程：

点晴OA工作流表单设计：表格table及宏控件的HTML、CSS、字体参数教程详解[

点晴OA工作流表单模板及流程编辑设计相关教程（SQL、HTML、CSS、Javascript）[

点晴OA工作流表单模板设计思路、经验参考及常用模板下载[

该文章在 2020/3/18 18:35:32 编辑过

关键字查询

css

比较

各种

样式

正在查询...