SEO工具

[诸城SEO]css的限制-专业SEO技术教程(34)

作者:[db:出处] 2019-10-31

css的限制-专业SEO技术教程(34)使用“完整”的css的缺点浏览器支持的不一致性、浏览器的漏洞或缺乏支持的css功能...

css的限制-专业SEO技术教程(34)

使用“完整”的css的缺点

浏览器支持的不一致性、浏览器的漏洞或缺乏支持的css功能,导致不同的浏览器显示出不同的css版面编排。例如微软intent explorer6.0旧版本,执行了许多自己的css4.0属性,曲解很多重要的属性。例如:width、height和float。许多所谓的css的人员,必须在最热门的或常用的浏览器中[诸城SEO]达到一致的版面编排。在不同的浏览器中,要达到像素精准的版面编排,有时候是不可能的。

css没有父层选择器。css选择器无法提供元素的父层或继承性,以符合某种程度的标准。先进的选择器(如xpath)有助于复杂的样式设计。然而,浏览器的性能和增加彩现的问题关系着父层选择器,却是css的工作群组拒绝建议的主要原因。

不能明确地指定继承性。样式的继承性,建立在浏览器中的dom元素的层级和具体的规则上。

垂直控制的局限。元素的水平放置普遍易于控制,垂直控制则非凭直觉性的、较迂回的甚至是不可能的。例如,垂直地围绕一个元素。页尾的放置不能高于可见视窗(viewpoint,视窗或屏幕的可见范围)的底部范围,需要复杂而非凭直觉性的样式规则,或是简单但不被广泛支持的规则。

显示的缺乏。目前的css没有办法明确又简单地显示属性值(如margin-left:10%-3em+4px;)。这在很多情况下都是非常有用的,例如:总字段中计算字段的尺寸限制。无论如何,csswg发表了css局限制的草案,而Internet explorer 5以后的版本支持相似功能的语法显示。

缺乏正教性。同样的效果可以用不同的属性来完成,这经常会造成困扰。如position、dispaly与floa定义了不同的配置方式,而且不能有效地交替使用。一个display:table-cell元素不能指定float或是position:relative,因为指定float:left的元素不应该受到display效果的影响。再者,没有考虑到新建立属性所造成的影响。例如,在表格中你应该使用border-spacing而不是margin-*来指定表格元素。这是因为依照css准则,表格内部元素是没有边界(margin)的。

XHTML+css的结构

你正在学习css布局吗?你是不是还不能完全掌握纯css布局?通常有两种情况阻碍你的学习。

第一种可能是你还没有理解css处理页面的原理。在你考虑你的页面的整体表现效果前,你应当先考虑内容的语义和结构,然后再针对语义、结构添加css。今天将告诉你应该怎么样把HTML结构化。

第二种原因是你对那些非常熟悉的变现层属性(如cellpadding|,、hspace、align=“left”等)束手无策,不知道该转换成对应的什么css语句。

当你解决了第一个问题,知道了如何结构化你的HTML,我再给出一个列表,详细列出原[诸城SEO]来的表现属性用什么css来代替。

结构化HTML

我们在学习网页制作时,总是考虑怎么设计,考虑哪些图片、字体、颜色以及布局方案,然后我们用Photoshop或者firework画出来,切割成小图,最后再通过编辑HTML将所有设计还原表现在页面上。

如果你希望你的HTML页面用css布局(是css+friendy的),你需要回头重来。先不考虑“外观”,要先思考你的页面内容的语义和结构。

外观并不是最重要的。一个结构良好的HTML页面可以以任何外观表现出来,css zen garden是一个典型的例子。css zen garden帮助我们最终认识到css的强大力量。

HTML不仅仅在电脑屏幕上阅读。你用Photoshop精心设计的画面可能不能显示在pda、移动电话和屏幕阅读机上,但是一个结构良好的HTML页面可以通过css的不同定义,显示在如何地方、任何网络设备上。

感谢收看,以上就是对css的限制的全部介绍,今天就分享到这里,明天继续更新!

返回顶部020-84829690在线咨询微信二维码

使用“完整”的css的缺点

浏览器支持的不一致性、浏览器的漏洞或缺乏支持的css功能,导致不同的浏览器显示出不同的css版面编排。例如微软intent explorer6.0旧版本,执行了许多自己的css4.0属性,曲解很多重要的属性。例如:width、height和float。许多所谓的css的人员,必须在最热门的或常用的浏览器中达到一致的版面编排。在不同的浏览器中,要达到像素精准的版面编排,有时候是不可能的。

css没有父层选择器。css选择器无法提供元素的父层或继承性,以符合某种程度的标准。先进的选择器(如xpath)有助于复杂的样式设计。然而,浏览器的性能和增加彩现的问题关系着父层选择器,却是css的工作群组拒绝建议的主要原因。

不能明确地指定继承性。样式的继承性,建立在浏览器中的dom元素的层级和具体的规则上。

垂直控制的局限。元素的水平放置普遍易于控制,垂直控制则非凭直觉性的、较迂回的甚至是不可能的。例如,垂直地围绕一个元素。页尾的放置不能高于可见视窗(viewpoint,视窗或屏幕的可见范围)的底部范围,需要复杂而非凭直觉性的样式规则,或是简单但不被广泛支持的规则。

显示的缺乏。目前的css没有办法明确又简单地显示属性值(如margin-left:10%-3em+4px;)。这在很多情况下都是非常有用的,例如:总字段中计算字段的尺寸限制。无论如何,csswg发表了css局限制的草案,而Internet explorer 5以后的版本支持相似功能的语法显示。

缺乏正教性。同样的效果可以用不同的属性来完成,这经常会造成困扰。如position、dispaly与floa定义了不同的配置方式,而且不能有效地交替使用。一个display:table-cell元素不能指定float或是position:relative,因为指定float:left的元素不应该受到display效果的影响。再者,没有考虑到新建立属性所造成的影响。例如,在表格中你应该使用border-spacing而不是margin-*来指定表格元素。这是因为依照css准则,表格内部元素是没有边界(margin)的。

XHTML+css的结构

你正在学习css布局吗?你是不是还不能完全掌握纯css布局?通常有两种情况阻碍你的学习。

第一种可能是你还没有理解css处理页面的原理。在你考虑你的页面的整体表现效果前,你应当先考虑内容的语义和结构,然后再针对语义、结构添加css。今天将告诉你应该怎么样把HTML结构化。

第二种原因是你对那些非常熟悉的变现层属性(如cellpadding|,、hspace、align=“left”等)束手无策,不知道该转换成对应的什么css语句。

当你解决了第一个问题,知道了如何结构化你的HTML,我再给出一个列表,详细列出原来的表现属性用什么css来代替。

结构化HTML

我们在学习网页制作时,总是考虑怎么设计,考虑[诸城SEO]哪些图片、字体、颜色以及布局方案,然后我们用Photoshop或者firework画出来,切割成小图,最后再通过编辑HTML将所有设计还原表现在页面上。

如果你希望你的HTML页面用css布局(是css+friendy的),你需要回头重来。先不考虑“外观”,要先思考你的页面内容的语义和结构。

外观并不是最重要的。一个结构良好的HTML页面可以以任何外观表现出来,css zen garden是一个典型的例子。css zen garden帮助我们最终认识到css的强大力量。

HTML不仅仅在电脑屏幕上阅读。你用Photoshop精心设计的画面可能不能显示在pda、移动电话和屏幕阅读机上,但是一个结构良好的HTML页面可以通过css的不同定义,显示在如何地方、任何网络设备上。

感谢收看,以上就是对css的限制的全部介绍,今天就分享到这里,明天继续更新!

1.本站(SEO指南)遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创SEO文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • [seo诊断]网站是否稳定的重要因素

    [seo诊断]网站是否稳定的重要因素

  • 评测:seo伪原创文章工具使用情况

    评测:seo伪原创文章工具使用情况

  • [清镇SEO]谷歌SEO优化了什么?两年海外推广经验:

    [清镇SEO]谷歌SEO优化了什么?两年海外推广经验:

  • [攀枝花SEO]如何在SEO中选择关键字

    [攀枝花SEO]如何在SEO中选择关键字