css网页布局中注意的几个问题小结_经验交流

一、少用偏门。

  类似break-word断行,z-index手动分层,还有像垂直对齐等等这些偏门CSS最好少用,因为不一定所有浏览器都支持,而且极难通过W3C检测。 

  二、center不是float的值。

  很多新手都会把center误认为是float的值,而偏偏不是如此。center只是text-align的值。 

  三、对齐不能包括两个值。

  很多新手会在float或者text-align中填写两个值,比如:float:left top。这是不允许的,浏览器也无法识别。 

  四、滚动条颜色最好不要自定义。

  很多浏览器不能正常识别自定义颜色的滚动条,况且很多自定义颜色都不能通过W3C。 

  五、单独滚动条设置。

  现在经常使用overflow-x(横向滚动条)或者overflow-y(纵向滚动条),在设置这个的时候经常会发现并不是所有的客户端上都有效果,大家在设置的时候最好在body和html同时进行设置。然而这个CSS也不是CSS2.1支持的(CSS2.1支持overflow,同时定义横纵滚动条),直到CSS3才支持这种定义方式。尽量少用。 

  六、background和color颜色相同会受到警告。

时间: 2024-12-30 18:21:28

css网页布局中注意的几个问题小结_经验交流的相关文章

WEB标准网页布局中尽量不要使用的HTML标签_经验交流

Do not use these html elements in html pages. Presentational elements should not be used. Support for some elements has been (or will be) deprecated; they should not be used. Don't Use These Tags Presentational b big hr i small sub sup tt Deprecated

CSS布局中可以用javascript判断浏览器版本_经验交流

if (window.XMLHttpRequest) { //Mozilla, Safari,...IE7  alert('Mozilla, Safari,...IE7 '); if(!window.ActiveXObject){ // Mozilla, Safari,... alert('Mozilla, Safari'); } else { alert('IE7'); } } else { alert('IE6'); } 看看运行效果: [Ctrl+A 全选 注:如需引入外部Js需刷新才能执

网页设计中的 serif 和 sans-serif字体应用_经验交流

Howdy, 大家好,又是我~  上一次我们简单的谈了一下font set和一些要注意的基本问题.今天我们继续字体这一话题,深入讲讲上次提到的"通用字体族".首先是最常用的 serif 和 sans-serif 这两个通用字体族.   - serif Serif 在印刷学上指衬线字体.为了理解衬线字体的概念,大家先看几个典型的衬线字体的例子: My Georgia字体 King Times New Roman 字体 汉字 宋体 单词 My 中的字母 "M"上下方突出

DIV CSS网页布局中常用的列表元素ul ol li dl dt dd释义

核心提示:DIV CSS网页布局中常用的列表元素ul ol li dl dt dd释义 ol 有序列表 <ol><li>--</li><li>--</li><li>--</li></ol> 表现为 1--2--3-- ul 无序列表,表现为li前面是大圆点而不是123 <ul><li>--</li><li>--</li></ul> 很多人容

Div+CSS网页布局中CSS无效的十个常见原因

核心提示:我们学习Div+CSS网页布局的知识,可是W3C validation有时难以操作,但用它你可以查看由版面设计引起的差错.验证程序抛出大量差错和警告,说明你的XHTML尚未完善,可能无法在不同浏览器上保持一致功能. 我们学习Div+CSS网页布局的知识,可是W3C validation有时难以操作,但用它你可以查看由版面设计引起的差错.验证程序抛出大量差错和警告,说明你的XHTML尚未完善,可能无法在不同浏览器上保持一致功能.下面十个细微的失效问题难住了大批程序员,本文就告诉你如何解决

DIV+CSS网页布局中margin优化的一种思路

css|网页|优化 margin是我们在进行CSS布局中非常常用的属性之一,但如果运用不得当,往往会产生过多的垃圾代码,让我们的编码体积不断增加.今天我们介绍一种编码优化的小实例,通过此例希望大家能意识到代码优化的途径是多种多样的,也算是一个抛砖引玉的引子吧. 看XHTML代码: <div id="main">     <div id="body1">          <div id="content1"> 

DIV CSS网页布局中对段落进行排版的方法

css|网页 margin div css布局中段落使用<p>标签,对于段落的上下左右的空白(缩进)可以使用margin标签定义样式.margin有上.下.左.右四个方向的定义,正常情况下,我们可以用一行来描述我们需要的样式. 例如:margin: 20px 8px 8px 20px; 此句分别表示了:margin-top:margin-right:margin-bottom:margin-left. 四个数值的顺序分别是:上.右.下.左.是依时12:00开始的顺时针方向. 如何上下的值一致,

CSS网页布局中HTML标签的语义

css|网页 或许有朋友感到迷惑,到底如何运用HTML标签才是保持文档语义并有良好的结构呢?我们看下面的这方面知识的介绍,相信你一定有所收获.但也请你注意,有些标签可能不符合WEB标准了,这些知识我们在52css.com以后的文章中再一一说明. Note:双与单分别表示标签是成对出现,还是单个出现,成对出现需要关闭,如:双表示<a></a>.单表示:<img src=...>. <a>双 定义一个链接    href=url 指定目标地址   tabinde

使用CSS框架布局的缺点和优点小结_经验交流

现在好多网站都用了div+css来布局网页结构,优点是速度快了,可负面影响呢,来看下面的分析前端时间写了一篇<利用CSS框架进行高效率的站点开发>,有不少朋友问我相关的问题.很早5key就在公司进行CSS框架的架构,也对不少朋友提出CSS框架的建议.效果是很明显的.当然,CSS框架有利也有弊,最近也看了一些相关的文章.一些感想,与大家分享.  CSS框架之利:  1.开发效率的提高.          如果你是一个企业建站的前端开发,相信在大部分时间里进行着同类站点的代码工作.定义好的框架可以