200字范文,内容丰富有趣,生活中的好帮手!
200字范文 > css选择器和权重问题 css的优先级怎么判断 – CSS – 前端 css块元素居中

css选择器和权重问题 css的优先级怎么判断 – CSS – 前端 css块元素居中

时间:2019-03-26 07:12:55

相关推荐

css选择器和权重问题 css的优先级怎么判断 – CSS – 前端 css块元素居中

CSS选择器中比较常见的有标签选择器、ID选择器、类选择器以及子选择器。而事实上,CSS选择器如果细分下来,竟然多达40多种。那他们的优先级该怎么比较呢,下面就来看看吧。

● 不同级别

1. 在属性后面使用 !important 会覆盖页面内任何位置定义的元素样式。

2. 作为style属性写在元素内的样式

3. id选择器

4. 类选择器

5. 元素选择器

6. 通配符选择器

7. 浏览器自定义或继承

总结排序:!important > 行内样式 > ID选择器 > 类选择器 > 元素 > 通配符 > 继承 > 浏览器默认属性

● 同一级别

(1) 同一级别中后写的会覆盖先写的样式

(2) 同一级别css引入方式不同,优先级不同

总结排序:内联(行内)样式 > 内部样式表 > 外部样式表 > 导入样式(@import)。

对于选择器优先级,还可以通过计算权重值来比较

答案是星星选择标签。

因为星号选择器的定义是用于选择html中的所有标签,在一个页面中大家都会选择去掉html所有标签的默认样式,然后根据自己的需求添加样式,这个时候就需要使用*选择标签。

另外一个*选择标签也可以搭配到其他的标签进行使用,用来选择表示某个父元素下面的所有子元素标签。

1.JS对于权重一般的网站来说影响是很大的。

2.因为JS对搜索引擎是不友好的,搜索引擎的蜘蛛是抓取不到JS里面的内容,除了JS,flash也是同样的。

3.建议JS生成的效果用div+css完全可以取代JS,如果非用不可,就将JS代码写在另一个文件中来调用。

4.交换友情链接的时候要小心,如果对方在你的友情链接html标签中加了no follow标签,那么他网站上的权重是传不过来的。

使用div+css设计网站对seo影响是非常大的,所以要引起足够的重视,由于结构简单,符合标准,所以深受搜索引擎的喜欢,要合理的利用div+css正确的布局网站,来达到自己网站长期更好的发展。

div+css对seo影响在哪里:

1、 代码精简:

利用div+css代码比较规范整齐,好处有两点:一、是提高了spider爬行速度,能在较短的时间内完成整个页面,对收录质量比较有好处;二是能高效爬行的页面,就会受到spider的喜欢,这样低收录数量很有效。

2、 表格的镶嵌问题:

目前来说大部分的网站都用table来布局,遇到多层表格镶嵌时候,会跳过镶嵌的内容或者直接放弃整个页面。

网站中过多的相似页面会直接影响到排名和域名信任度。

而div+css是通过代码来控制,就不会出现这样的问题,对seo好处多多,要从根本上认识到这个。

3、 速度问题:

Div+css相对于表格table来说少了很多垃圾代码,加载速度提高对spider爬行是比较有利的,过多的代码会让页面无法访问,影响收录和权重,真正的网站不只是为了追求收录,排名,快速的响应速度也是提高用户体验的基础,如果网站都难以打开,更不要提排名等问题了。

4、 修改设计时更有效率

Div+css只需要修改响应的定义和id,更方便快捷而且不会破坏页面的布局形式。省时省力。

5、 保持视觉的一致性

以往的表格布局总是造成在不同的浏览器或者页面造成显示效果有偏差或者错位,而css+div则统一使用css文件控制,就避免了这种情况的出现。

6、 对排名的影响

Div+css布局,一般在设计完后会尽可能完善到能通过w3c验证,与普通表格布局比,使用xtml架构的网站排名状况一般都是要好很多的。

BCDB 比如class类型 class = “nav”的话 那么CSS对应 .nav{}C 比如 body input 就是直接对应 body{} input{}D ID选择器 id=”name” 那么css对应 #name{}

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。