首页 > Web开发 > 详细

Css样式

时间:2019-09-12 19:25:23      阅读:62      评论:0      收藏:0      [点我收藏+]

1.1    Css层叠样式表

 优点: 1.实现内容与样式分离,便于团队开发。

                   2.能够实现css样式的复用

                   3.能够控制页面精确实现的效果(布局)

                   4.可以增强搜索引擎功能(内容与样式分离,减少了原Web页的代码量,便于搜索)

1.2    在网页中应用的三种方式

1.2.1 内嵌式(行内样式)

技术分享图片

 

 

缺点:1.内容与样式结合在一起,不便于分离

                     2.代码阅读不直观

                     3.后续维护不便,不便于扩展

         适用场景:

                   某网页中特殊的标签使用特殊的样式,且只用一次则可以考虑使用

1.1.1   嵌入样式

技术分享图片

 

 

优点:1.能够在同一网页中修饰N个标签,使其添加样式

                              2.易于维护,扩展

                              3.局限性:只影响当前网页,其他网页不会影响

                   适用场景:

                              当前页多个标签使用同一种样式

1.1.1   外部样式

<link rel=”stylesheet” href=”链接外部样式文件的路径” type=”text/css”/>

rel=”stylesheet”:文档的外部样式表rel="stylesheet" 描述了当前页面与href所指定文档的关系.即说明的是,href连接的文档是一个新式表

技术分享图片

 

 技术分享图片

 

 

扩展内容: 给网页标题前添加小图标(如下中 天猫商城前的小图标)

 技术分享图片

href:图标的路径            rel:表示类型为图标

技术分享图片

 

Css样式

原文:https://www.cnblogs.com/alexjava/p/11514511.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!