1. 基本语法 CSS的定义是由三个部分构成:选择符(selector),属性(properties)和属性的取值(value)。 基本格式如下: selector {property: value} (选择符 {属性:值}) 选择符是可以是多种形式,一般是你要定义样式的HTML标记,例如BODY、P、TABLE……,你可以通过此方法定义它的属性和值,属性和值要 发布时间:2012-05-27 作者: 佚名技术 views(226)
用Table布局可以很容易的实现文字和图片的垂直居中,但是在div的布局中呢,要实现定高容器里面的内容的垂直居中不是太简单的事情。 在DOM标准中 在IE中 综合 #boxOuter { display:table; height:300px; width:500px; border:solid 1px black; *position:relative; } #box { display:table-cell; vertical-align:middle; *po 发布时间:2012-05-27 作者: 佚名技术 views(196)
利用层的定位、层的顺序以及背景定位来实现的星级评分。 HTML部分: h1CSS: Star Rating Redux/h1 ul class='star-rating' li class='current-rating' style='width:60%;'Currently 3/5 Stars./li lia href='#' title='1 star out of 5' class='one-star'1/a/li lia href='#' title='2 stars out of 5 发布时间:2012-05-27 作者: 佚名技术 views(253)
CSS2.1中使用一个4位的数字来表示权重,以下是有关权重的一些规定: 类型选择符的权重为:0001 类选择符的权重为:0010 通用选择符的权重为:0000 子选择符的权重为:0000 属性选择符的权重为:0010 伪类选择符的权重为:0010 伪元素选择符的权重为:0010 包含选择符的权重为:包含的选择符权重值之和 内联样式的权重为:100 发布时间:2012-05-27 作者: 佚名技术 views(293)
很多时候,希望能够在 HTML 中使用空格排版。但浏览器在解析 HTML 时,会把连续的空格解析成一个,所以我们会使用nbsp; 等这样的占位符。 但是 nbsp; 也不是很可靠,比如空格间距非常大,那么我们必须增加多个占位符,同时页面的体积会变得非常大。 同时,注意到 Safari 中的 nbsp; 宽度是已设定字符的空格宽度(Sa 发布时间:2012-05-27 作者: 佚名技术 views(190)
一、使用div的方式进行程序的嵌套,特别是使用php这样的代码嵌套,可以减少出现像table中那样繁重的代码,对于页面嵌套可以减少因table代码而带来的问题。 二、使用div对于设计使用AJAX等的时候,可以减少Javascript代码对于页面控制时候的复杂度,因为使用table的时候,层次关系最起码有三层,table-tr-td以上,而使用 发布时间:2012-05-27 作者: 佚名技术 views(155)
CSS简写就是指将多行的CSS属性声明化成一行,又称为CSS代码优化。CSS简写的最大好处就是能够显著减少CSS文件的大小,其实还有很多其他益处。臃肿而杂乱的CSS样式表会使你遇到问题是难以调试。尤其是当一个团队在进行设计的时候,你的臃肿的CSS代码会使你的团队其他成员的工作效率下降。 今天,整理了一些CSS简写技巧,它 发布时间:2012-05-27 作者: 佚名技术 views(187)
CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声名. CSS技巧 1.div的垂直居中问题 vertical-align:middle; 将行距增加 发布时间:2012-05-27 作者: 佚名技术 views(174)
|