网站CSS代码如何优化

对于网站排名优化来说,css的几乎没有任何影响,但往大的方向如网站优化来说,样式表css的优化就至关重要了,其主要作用即是提高网页的响应速度。

外链CSS

css的使用有多种方式,一是嵌入式,即在html标签中直接定义样式表,如下所示:<p style=”font-family:arial;font-size:16px;font-weight:bold;”>Outside now its raining,and tears are falling from my eyes…</p>

还有一种是直接定义在页面头部的如下:<styletype=”text/css”>p{ background:#f1f1f1; color:#333; line-height:20px;} </style>

这两种方式都是把css写在当前html中,这样会造成hml文档变大,降低网页的响应速度,所以我们需要外链css,将所有与本页面相关的样式写入到该样式表中:<link href=”style/common.css”rel=”stylesheet”type=”text/css”/>

精简CSS

对于这一点需要一定的css能力才可以做到了。所谓精简,指的是用尽可能少的样式代码实现整个网页的样式效果,需要充分利用css的继承和综合使用,举一个简单的例子来说明。如页面中的链接,全部不需要下划线、大部分为12像素,但链接的颜色并不相同,个别的字体效果也不相同,我们就可以这样来写:

a{ text-decoration:none; font-size:12px;}/*定义通用a样式*/

a.a_red{ color:#e00;}

a.a_blue{ color:#009;}

a.a_menu{ color:#fff; font-size:14px; font-weight:bold;}/*针对特殊a标签只指定特殊样式*/

因为css的继承作用,a_red和a_blue都具备没有下划线、12像素这一样式,而a_menu同样具备没有下划线,但因指定了大小,就不再继承12像素的指定而使用14像素。

整合CSS

一般情况下,前端制作人员喜欢把通用样式写成一个文件,把专用样式写成另一个文件以便各个页面调用。如笔者,就喜欢把页面通用样式(包括通用的布局样式、文字样式等)写在common.css中,而把专用的写在另一个样式表中。如首页,我们就需要调用common.css和index.css两个样式表文件。这样做,对于前端来说是正确的。但对于优化,却不太好。多一个文件调用就需要多一次请求,当然也会多耗费一点时间。所以,在网站制作完成后,我们需要把页面的所有样式合并大一起以提高网页的响应速度!但需注意,合并css不利于网站后期整改,权衡利弊各取所需吧,具体是否合并还需根据你的实际情况而定。

压缩CSS

压缩css其实很简单,就是去掉多余的空格和换行。实现起来也非常的简单,网上有很多工具,请自行搜索“css压缩”即可找到很多在线压缩工具。同上面一点,压缩后的css不便于后期整改,需要自己权衡取舍。

文章为作者独立观点,不代表站长派立场,本文链接:https://zhanzhangpai.com/?p=1637

免责声明:本站部分内容来源互联网整理,如有侵权请联系站长删除。站长邮箱:1245911050@qq.com

(0)
上一篇 2022年3月15日 下午4:04
下一篇 2022年3月15日 下午4:07

相关推荐

  • Spider有哪些类型?批量型Spider,增量型Spider,垂直型Spider

    本篇文章站长博客介绍Spider有哪些类型?批量型Spider,增量型Spider,垂直型Spider: 按照现在网络上所有Spider的作用及表现出来的特征,可以将其分为三类:批…

    2022年2月22日
  • 如何建立关键词之间的联系?

    对于部分网站可能并不需要为挖掘来的关键词建立相关关系,只需要把关键词分布到网站中就可以了。但是关键词之间的相关关系一般可以辅助指导网站内链的布局,所以架构比较大、内容比较多的网站,…

    2022年3月8日
  • 为什么要做404页面?怎么做404页面?

    404页面的目的是:告诉浏览者其所请求的页面不存在或链接错误,同时引导用户使用网站其他页面而不是关闭窗口离开。 很多开源系统如CMS系统、Blog系统等不提供404页面或提供的40…

    2022年3月15日
  • 什么是C位直达?如何参加C位直达?

    C位直达是百度搜索和百家号联合推出的内容生产计划,激励百家号优质创作者对搜索高频稀缺问题进行定向内容创作,创作者认领词包之后发布内容和摘要,搜索审核通过后即可解锁五大权益激励哦! …

    2022年12月6日
  • 腾讯股价跌破300港元,单日暴跌10%

    3月15日下午消息,腾讯控股跌破300港元,日内重挫近10%。除了腾讯之外,中概股也再度迎来集体暴跌,从2021年初以来,中概股总体累计跌幅巨大,不少个股累计跌幅已超过90%,粗略…

    2022年3月16日
  • site结果排序和权重的关系

    在交换友情链接时,站长和SEO人员一般都习惯在搜索引擎中,使用site指令查看一下对方首页是不是在第一位,来判断对方网站是不是被降权了。百度官方对外解答时说“site指令的结果排序…

    2022年2月28日
  • Spider和普通用户的区别?搜索引擎蜘蛛和用户有什么区别?

    所有的全文搜索引擎都表示自己的Spider对网站的抓取行为和普通用户的访问行为没有太大区别。站在普通用户的角度这句话的确没有问题,但是站在站长和EO的角度这句话就不太对了。网页上有…

    2022年2月21日
  • 虚拟主机怎么设置404页面

    虚拟主机怎么设置404页面?操作流程如下: 1、在本地电脑制作一个404页面(404. html),上传到网站根目录。 2、登录虚拟主机后台,输入你的用户名和密码。 3、后台找到你…

    2022年3月15日
  • SEO常见名词和指令

    之前的文章介绍了seo常见的site指令和domain指令,本文介绍除了这两个指令外其他SEO常见的名词和指令。对于其他的名词和指令,其实笔者已经没有多少可讨论的内容了,只是名词介…

    2022年3月2日
  • 做SEO需要懂哪些技术

    有人说seo就是个打杂的,哪里缺人就要去哪里。从这句话我们可以隐约的看出可能要懂很多技术。 1、html基础 做seo需要让我们的网站被搜索引擎所喜欢(五点告诉你什么样的网站才能赢…

    2022年3月15日