CSS代码示例

CSS入门

CSS代码示例-内嵌样式(Inline Styles)
CSS代码示例-内部样式表(Internal Style Sheets)
CSS代码示例-外部样式表(External Style Sheets)
CSS代码示例-通用样式(Generic Class Selector)
CSS代码示例-Tag样式(Tag Class Selector)
CSS代码示例-内嵌于其它Tag的Tag样式(Contextual Selector)
CSS代码示例-样式串联的顺序(Cascading Order)

CSS背景属性

CSS代码示例-背景颜色属性(background-color)
CSS代码示例-背景图片属性(background-image)
CSS代码示例- 背景重复属性(background-repeat)
CSS代码示例-背景附着属性(background-attachment)
CSS代码示例-背景位置属性(background-position)
CSS代码示例-背景属性(background)

CSS字体属性

CSS代码示例-字体大小属性(font-size)
CSS代码示例-字体风格属性(font-style)
CSS代码示例-字体浓淡属性(font-weight)
CSS代码示例-字体变量属性(font-variant)
CSS代码示例-字体属性(font)
CSS代码示例-字体名称属性(font-family)

CSS边框属性

CSS代码示例-边框风格(border-style)
CSS代码示例-边框宽度(border-width)
CSS代码示例-边框颜色属性(border-color)
CSS代码示例-边框属性(border)
CSS代码示例-单个边框属性(border-top, border-bottom, border-left, border-right)

CSS边距属性

CSS代码示例- 边距属性(margin)
CSS代码示例- 边距属性(margin)
CSS代码示例-左边框属性(margin-left)

CSS间隙属性

CSS代码示例-左间隙属性(padding-left)
CSS代码示例-用间隙属性(padding)设定上下左右间隙宽度各不相同
CSS代码示例-用间隙属性(padding)设定上下左右间隙宽度相同

CSS文本属性

CSS代码示例-用文本修饰属性(text-decoration)设定如何在文本上划线
CSS代码示例-用颜色属性(color)改变文本字体的颜色
CSS代码示例-用文本对齐属性(text-align)改变文本的对齐方式
CSS代码示例-用行高属性(line-height)设定行间距
CSS代码示例-用字间距属性(letter-spacing)设定字符之间的距离
CSS代码示例-用文本缩进属性(text-indent)实现首行缩进

CSS分类属性

CSS代码示例-列表样式图片属性(list-style-image)示例
CSS代码示例-列表样式位置属性(list-style-position)示例
CSS代码示例-以disc,circle,square,none作为列表项标记的列表示例
CSS代码示例-以decimal,lower-roman,upper-roman,lower-alpha,upper-alpha作为列表项标记的列表示例
CSS代码示例-列表样式属性(list-style)示例
CSS代码示例- display 属性分别为block, inline, none 值时的显示区别

CSS伪类(pseudo-class)

CSS代码示例-锚(a)伪类(pseudo-class)示例:为HTML超链接的不同状态设定CSS
CSS代码示例-锚(a)伪类(pseudo-class)示例:为HTML超链接的不同状态设定CSS,用到a的class属性