LOGO OA教程 ERP教程 模切知识交流 PMS教程 CRM教程 开发文档 其他文档  
 
网站管理员

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

admin
2020年2月20日 10:8 本文热度 4192
1、css是什么,有什么用?
css指的是层叠样式表,Cascading Style Sheets。解决了内容与外观表现相分离的问题。

2、一开始我们在html中设置字体是用font标签来设置字体的颜色大小类型,而现在我们用css来设置,每一个标签都有自己的属性,于是我们用p标签,或者其他标签的属性style来设置字体的颜色大小类型,例子如下所示:
<p style="color:red;  font-size:24px; font-family:微软雅黑;">你好</p>

3、style样式写在哪里?各个写法有何优缺点?
根据写在哪里,把style分为三类:
行内样式:
在网页页面内直接找到相应的元素或控件,在元素或控件中增加style样式。
例:<p style="color:red;  font-size:24px; font-family:''微软雅黑'';">你好</p>
      好处:是能直接改,优先级也是最高,对于单个不重复页面处理容易,易于理解。
      缺点: 当页面重复使用一种类型的style时,容易造成冗余,后期代码量大,不易于维护。

内部样式:
放在网页页面内部的<head></head>之间,实现了内容与表现相分离,例:
<style type="text/css">
p{ color:red;  font-size:24px; font-family:微软雅黑; }
</style>
      好处:实现了内容与表现相分离,解决了内部样式出现的冗余的问题;
      缺点:当页面较多,且用到同一种样式的时候,会造成冗余。

外部样式:
用单独的css文件表示,然后再在网页页面内部引用,即首先新建一个css文件,用来放样式,然后在html页面或者是要展示的文件下引用样式:
<link rel="stylesheet" href="css文件地址">
例:文件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、字体参数教程详解[28347]
  http://7968.oa22.cn
点晴OA工作流表单模板及流程编辑设计相关教程(SQL、HTML、CSS、Javascript)[4433]
  http://12410.oa22.cn
点晴OA工作流表单模板设计思路、经验参考及常用模板下载[37601]
  http://9251.oa22.cn

该文章在 2020/3/18 18:35:32 编辑过
关键字查询
相关文章
正在查询...
点晴ERP是一款针对中小制造业的专业生产管理软件系统,系统成熟度和易用性得到了国内大量中小企业的青睐。
点晴PMS码头管理系统主要针对港口码头集装箱与散货日常运作、调度、堆场、车队、财务费用、相关报表等业务管理,结合码头的业务特点,围绕调度、堆场作业而开发的。集技术的先进性、管理的有效性于一体,是物流码头及其他港口类企业的高效ERP管理信息系统。
点晴WMS仓储管理系统提供了货物产品管理,销售管理,采购管理,仓储管理,仓库管理,保质期管理,货位管理,库位管理,生产管理,WMS管理系统,标签打印,条形码,二维码管理,批号管理软件。
点晴免费OA是一款软件和通用服务都免费,不限功能、不限时间、不限用户的免费OA协同办公管理系统。
Copyright 2010-2024 ClickSun All Rights Reserved