璀璨's Blog

2011-7-31璀璨 阅读(2003)评论(0)

CSS入门 CSS代码示例-内嵌样式(Inline Styles) CSS代码示例-内部样式表(Internal Style Sheets) CSS代码示例-外部样式表(External Style Sheets) CSS代码示例-通用样式(Generic Class Selector) CSS代码示例-Tag样式(Tag Class Select...

2011-7-31璀璨 阅读(2323)评论(0)

和一般的CSS语法不同(参见CSS语法)，CSS伪类的语法有两种。 第一种： selector:pseudo-class {property: value} 例句： a:link {color:red} 第二种： selector.class:pseudo-class {property: value} 例句： a.c1:link {color:...

2011-7-31璀璨 阅读(2792)评论(0)

列表样式类型属性(list-style-type) 这个属性用来设定列表项标记(list-item marker)的类型。有以下值： disc (缺省值，黑圆点) circle (空心圆点) square (小黑方块) decimal (数字排序) lower-roman (小写罗马字排序) upper-roman (大写罗马字排序) lower-alp...

2011-7-31璀璨 阅读(2477)评论(0)

CSS 中有个重要的概念，就是盒子模式 (Box model)。 胡戈的"一个馒头引发的血案"中有个圆圈套圆圈娱乐城，而这个盒子模式套用这句话来说，就是方块套方块。 先看看下面这个图，黑框包围的一个方块，就是一个盒子 (Box)。 盒子里由外至里依次是： margin 边距 border 边框 padding 间隙 (也有人称做补丁) con...

2011-7-31璀璨 阅读(2355)评论(0)

间隙属性(padding)是用来设置元素内容到元素边界的距离。 左间隙属性(padding-left) 这个属性用来设定左间隙的宽度。示例如下： .d1{padding-left:1cm} 演示示例 右间隙属性(padding-right) 这个属性用来设定右间隙的宽度。示例如下： .d1 {padding-right:1cm} 演示示例请参照左...

2011-7-31璀璨 阅读(2187)评论(0)

边距属性是用来设置页面中一个元素所占空间的边缘到相邻元素之间的距离。 左边距属性(margin-left) 这个属性用来设定左边距的宽度。示例如下： .d1{margin-left:1cm} 演示示例 右边距属性(margin-right) 这个属性用来设定右边距的宽度。示例如下： .d1 {margin-right:1cm} 演示示例请参照左边...

2011-7-31璀璨 阅读(2259)评论(0)

边框风格属性(border-style) 这个属性用来设定上下左右边框的风格，它的值如下： none (没有边框，无论边框宽度设为多大) dotted (点线式边框) dashed (破折线式边框) solid (直线式边框) double (双线式边框) groove (槽线式边框) ridge(脊线式边框) inset (内嵌效果的边框) outse...

2011-7-31璀璨 阅读(1825)评论(0)

背景颜色属性(background-color) 这个属性为HTML元素设定背景颜色，相当于HTML中bgcolor属性。 body {background-color:#99FF00;} 上面的代码表示Body这个HTML元素的背景颜色是翠绿色的。 演示示例 背景图片属性(background-image) 这个属性为HTML元素设定背景图片，相...

2011-7-31璀璨 阅读(2060)评论(0)

文本对齐属性(text-align) 这个属性用来设定文本的对齐方式。有以下值： left (居左，缺省值) right (居右) center (居中) justify (两端对齐) 示例代码如下： .p2 {text-align:right} 演示示例 文本修饰属性(text-decoration) 这个属性主要设定文本划线的属性。...