CSS样式表优化 *** 与技巧

访客4年前黑客文章363

HTML好比是构建网页的框架,那么CSS样式表就好比是用来美化装饰网页,外在的视觉体验,往往是影响用户体验的一个重要参考因素;那CSS样式表有哪些优化 *** 与技巧呢?

CSS样式表优化 *** 与技巧

有三种 *** 可以给网站添加CSS样式表,分别是:链接样式、内嵌样式、行内样式。

一. 链接样式

1. 生成一个外部独立的.css文件;

2. 在head标签之间添加link,把外部的.css文件;

3. 把样式表代码书写在这个外部独立的.css文件里。

  1. <link href="example.css" type="text\css" rel="stylesheet"

优点:

①. HTML文件更小,结构更清晰;

②. 网站打开速度更快;

③. 相同的.css文件可以在多个页面上重复使用;

缺点:

在加载外部CSS时,页面可能无法正确呈现。

二. 内嵌样式

1. 在head标签之间添加一对style标签;

2. 把样式表写在这对style标签之间;

  1. <head>
  2. <styletype="text/css">
  3. p{color:black;font-size:14px;}
  4. .example{display:block;margin:0auto;}
  5. #ex-go, #ex-back {border: solid 1px red;}
  6. </style>
  7. </head>

优点:

①. 只影响到一个页面;

②. HTML和CSS在同一个文件中;

缺点:

①. 页面文件大,增加页面加载时间

②. 只影响到这一个页面,其他页面无法调用。

三. 行内样式

样式表作为一个style属性,添加在任何标签内

  1. <!DOCTYPE html>
  2. <html>
  3. <bodystyle="background-color:white;">
  4. <h1style="color:red;">CSS样式表</h1>
  5. <pstyle="color:black;">CSS样式表学习,请关注MAY的SEO博客</p>
  6. </body>
  7. </html>

优点:

①. 每个HTML米素单独设置样式;

②. 测试和预览更改,非常方便;

③. 降低HTTP请求

缺点:

CSS必须应用于每个米素,同样的HTML米素需要多次重复添加CSS。

四. CSS样式表优先级别

我们需要特别注意的是:HTML语言的优先级别是“从上到下,从里到外”;而CSS样式表的优先级,也就是一个网页中CSS三种样式都出现的情况下,优先级别是“从下到上”;从添加CSS样式表的角度,行内样式级别更高,内链样式和链接样式的优先级别看在HTML页面中的位置,在最下面的优先级别高。

五. CSS样式表优化 *** 与技巧

根据上面我们所谈论的三种CSS样式表的优缺点,对SEO优化的影响主要体现在网站访问速度上,我们不难看出:

  1. 优化网页加载CSS样式表

对于多个页面想要呈现相同的效果,更好使用链接样式,让网页结构更清晰,整体风格更统一,加快网页访问速度;

2. 精简页面代码

对于臃肿多余的页面代码,更好删除,减少服务器请求时间,提高页面加载速度。

3. 整合CSS样式表

相同的CSS样式代码避免重复出现,压缩CSS样式表,减少http请求数,减轻服务器压力等。

以上,就是CSS样式表优化 *** 与技巧。

相关文章

脾胃虚弱怎么调理?脾胃虚寒怎么调理最快最有效

脾胃虚弱怎么调理?脾胃虚寒怎么调理最快最有效

脾胃虚弱怎么调理(脾胃虚寒怎么调理最快最有效)现代人由于饮食不节制、经常吃冷饮或冰凉的食物等食物,再加上生活节奏快,精神压力大,很多人都会出现脾胃虚寒的症状。   胃虚寒的人常常不会觉得口渴,...

CNNIC第35次中国互联网统计报告十大亮点

  昨日CNNIC发布了第35次互联网统计分析汇报,截止2014年12月,在我国网友经营规模达6.49亿,全年度总共增加网友3118万人。互联网技术覆盖率为47.9%,较2013年底提高了2.一个点。...

宝宝多大可以吃豆腐 宝宝吃什么豆腐好

水豆腐是十分有营养米素的,可是在日常生活中,非常少有宝妈妈会给孩子吃,主要是担忧导致小孩消化不好难受,那麼,小宝宝多少能够吃豆腐?宝宝吃什么水豆腐好?下边我而言说。 小宝宝多少能够吃豆腐 专家...

黑客遥控开汽车门(手机万能遥控能开汽车门吗)

黑客遥控开汽车门(手机万能遥控能开汽车门吗)

本文导读目录: 1、电影中黑客远程控制汽车真的可能么 2、汽车门的远程无钥匙解锁原理! 3、智能车时代,黑客是否能通过网络入侵并控制智能化的汽车? 4、手机遥控汽车开锁 5、为什么汽车...

3招教你远离黑客&amp;nbsp;&amp;nbsp;黑客

一.黑客的分类和行为 以我的理解,“黑客”大体上应该分为“正”、“邪”两类,正派客依靠自己掌握的知识帮助系统管理员找出系统中的漏洞并加以完善,而邪派黑客则是通各种黑客技能对系统进行攻击、入侵或者做其他...

怎么从网上查询个人的开房记录,教你查

开房记录,作为一个敏感的话题一直被人们非常忌惮。但是,现在这个话题却成为了很多人赚钱的方法,因为有太多人在等待着那一张张表格成为自己或分手或离婚的证明了,可现在想要从网上查询这样的敏感词汇不是被禁就是...