CSS的样式形式有哪些

今天就跟大家聊聊有关CSS的样式形式有哪些,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。

创新互联公司-专业网站定制、快速模板网站建设、高性价比肃南裕固族自治网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式肃南裕固族自治网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖肃南裕固族自治地区。费用合理售后完善,10余年实体公司更值得信赖。

                                                           CSS的样式形式有哪些

1、内联式,是把css代码直接写在现有的HTML标签中;

这里文字是红色。

2、嵌入式,是把css样式代码写在“style”标签之间;

3、外联式,是把css代码写一个单独的外部文件中,通过“link”标签引入。

CSS的特点

丰富的样式定义

CSS提供了丰富的文档样式外观,以及设置文本和背景属性的能力;允许为任何元素创建边框,以及元素边框与其他元素间的距离,以及元素边框与元素内容间的距离;允许随意改变文本的大小写方式、修饰方式以及其他页面效果。

易于使用和修改

CSS可以将样式定义在HTML元素的style属性中,也可以将其定义在HTML文档的header部分,也可以将样式声明在一个专门的CSS文件中,以供HTML页面引用。总之,CSS样式表可以将所有的样式声明统一存放,进行统一管理。

另外,可以将相同样式的元素进行归类,使用同一个样式进行定义,也可以将某个样式应用到所有同名的HTML标签中,也可以将一个CSS样式指定到某个页面元素中。如果要修改样式,我们只需要在样式列表中找到相应的样式声明进行修改。

多页面应用

CSS样式表可以单独存放在一个CSS文件中,这样我们就可以在多个页面中使用同一个CSS样式表。CSS样式表理论上不属于任何页面文件,在任何页面文件中都可以将其引用。这样就可以实现多个页面风格的统一。

层叠

简单的说,层叠就是对一个元素多次设置同一个样式,这将使用最后一次设置的属性值。例如对一个站点中的多个页面使用了同一套CSS样式表,而某些页面中的某些元素想使用其他样式,就可以针对这些样式单独定义一个样式表应用到页面中。这些后来定义的样式将对前面的样式设置进行重写,在浏览器中看到的将是最后面设置的样式效果。

页面压缩

在使用HTML定义页面效果的网站中,往往需要大量或重复的表格和font元素形成各种规格的文字样式,这样做的后果就是会产生大量的HTML标签,从而使页面文件的大小增加。而将样式的声明单独放到CSS样式表中,可以大大的减小页面的体积,这样在加载页面时使用的时间也会大大的减少。另外,CSS样式表的复用更大程度的缩减了页面的体积,减少下载的时间。

看完上述内容,你们对CSS的样式形式有哪些有进一步的了解吗?如果还想了解更多知识或者相关内容,请关注创新互联行业资讯频道,感谢大家的支持。


本文标题:CSS的样式形式有哪些
本文URL:http://bzwzjz.com/article/jdcpgd.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 网站建设方案 成都网站制作 成都网站建设推广 成都品牌网站建设 成都网站建设 成都网站建设 四川成都网站制作 网站建设方案 专业网站建设 盐亭网站设计 重庆企业网站建设 网站建设公司 自适应网站建设 网站制作 成都h5网站建设 定制网站设计 商城网站建设 广安网站设计 网站建设 高端网站设计推广 营销网站建设 网站制作