当前位置:首页 > DIV+CSS实例

DIV+CSS网页布局技巧实例13:不需要给背景图片路径加引号

修改日期:2008-06-18 浏览:13690 评论:7
为了节省字节,我建议不要给背景图片路径加引号,因为引号不是必须的。例如: background:url("images/***.gif") #333; 可以写为 background:url(images/***.gif) #333; 如...

DIV+CSS网页布局技巧实例12:使用派生选择器

修改日期:2008-06-18 浏览:11978 评论:5
(以前叫子选择器的说法欠妥,标准一点的应该叫派生选择器,通俗一点可以说后代选择器,感谢网友提醒2010-4-13) 使用派生选择器(descendant selectors) CSS初学者不知道使用子选择器是影响他...

DIV+CSS网页布局技巧实例11:多重class定义

修改日期:2008-06-18 浏览:13835 评论:8
一个标签可以同时定义多个class。例如:我们先定义两个样式,第一个样式背景为#666;第二个样式有10 px的边框。 .one{width:200px;background:#666;} .two{border:10px solid #F00;} 在页...

DIV+CSS网页布局技巧实例10:最近优先原则

修改日期:2008-06-18 浏览:12005 评论:11
如果对同一个元素的定义有多种,以最接近(最小一级)的定义为最优先,例如有这么一段代码 Update: Lorem ipsum dolor set 在CSS文件中,你已经定义了元素p,又定义了一个class"update...

DIV+CSS网页布局技巧实例9:不需要重复定义可继承的值

修改日期:2008-06-18 浏览:12645 评论:6
CSS中,子元素自动继承父元素的属性值,象颜色、字体等,已经在父元素中定义过的,在子元素中可以直接继承,不需要重复定义。但是要注意,浏览器可能用一些默认值覆盖你的定义。 [html]<!DO...

DIV+CSS网页布局技巧实例8:元素属性的默认值

修改日期:2008-06-18 浏览:11485 评论:1
通常padding的默认值为0,background-color的默认值是transparent。但是在不同的浏览器默认值可能不同。如果怕有冲突,可以在样式表一开始就先定义所有元素的margin和padding值都为0,象这样: ...

DIV+CSS网页布局技巧实例7:取消class和id前的元素限定

修改日期:2008-06-18 浏览:13503 评论:6
当你写给一个元素定义class或者id,你可以省略前面的元素限定,因为ID在一个页面里是唯一的,而clas s可以在页面中多次使用。你限定某个元素毫无意义。例如: div#content { /* declarations...

DIV+CSS网页布局技巧实例6:区分大小写

修改日期:2008-06-18 浏览:12093 评论:0
当在XHTML中使用CSS,CSS里定义的元素名称是区分大小写的。为了避免这种错误,我建议所有的定义名称都采用小写。 class和id的值在HTML和XHTML中也是区分大小写的,如果你一定要大小写混合写...

DIV+CSS网页布局技巧实例5:明确定义单位,除非值为0

修改日期:2008-06-18 浏览:12144 评论:1
忘记定义尺寸的单位是CSS新手普遍的错误。在HTML中你可以只写width="100",但是在CSS中,你必须给一个准确的单位,比如:width:100px width:100em。只有两个例外情况可以不定义单位:...

DIV+CSS网页布局技巧实例4:使用css缩写

添加日期:2007-10-15 浏览:18032 评论:2
使用缩写可以帮助减少你CSS文件的大小,更加容易阅读。css缩写的主要规则请参看《常用css缩写语法总结》,css缩写的主要规则如下: 颜色 16进制的色彩值,如果每两位的值相同,可以缩写一半,...
(如果您觉得本站不错,请告诉身边的朋友,或转载到论坛、百度知道、贴吧等,记得带网址哟,不胜感激!)