Css样式

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:表示类型为图标

 

posted @ 2019-09-12 18:20  之秋一叶  阅读(132)  评论(0)    收藏  举报
编辑推荐:
· 糊涂啊!这个需求居然没想到用时间轮来解决
· 浅谈为什么我讨厌分布式事务
· 在 .NET 中使用内存映射文件构建高性能的进程间通信队列
· 一个 java 空指针异常的解决过程
· 揭开 SQL Server 和 PostgreSQL 填充因子的神秘面纱
阅读排行:
· 从硬盘爆满到 GitHub 封号,一位前端开发者的开源历险记
· 微软又一自动化开源王炸,Selenium 慌了!
· 微服务的10大问题
· 性能优化:两条SQL索引优化,CPU占用率从40%降至25%
· C#解析JSON数据全攻略
点击右上角即可分享
微信分享提示