CSS 实例

CSS布景

设置页面的布景色彩

设置不同元素的布景色彩

设置一个图画作为页面的布景

过错的的布景图片

如安在水平方向重复布景图画

怎么定位布景图画

一个固定的布景图片(这个图片不会随页面的其余部分翻滚)

在一个声明的一切布景特点

高档的布景比如

布景特点的解说

CSS文本

设置不同元素的文本色彩

文本对齐

移除链接下划线

装修文字

操控文本中的字母

缩进文本

指定了字符之间的空间

指定了行与行之间的空间

设置元素的文本方向

增加单词之间的空格

在一个元素内禁用文字换行

内部文字图画的笔直对齐

 

Text特点的解说

CSS的字体

设置文本的字体

设置字体巨细

用px设置的字体的巨细

用em设置的字体的巨细

用百分比和em设置字体的巨细

设置字体款式

设置字体的异体

设置字体的粗细

在一个声明的一切字体特点

 

乐投屏

CSS链接

为拜访/未拜访链接增加不同的色彩

在链接上运用文本装修

指定链接的布景色彩

超链接增加其他款式

高档 - 创立链接框

 

链接特点的解说

CSS列表

列表中一切不同的列表项符号

设置作为列表项符号的图画

运用Crossbrowser解决方案设置一个列表项符号的图画

在一个声明中的一切列表特点

 

列表特点的解说

CSS表格

指定一个表的Th,TD元素和黑色边框

运用border-collapse

指定表格的宽度和高度

设置内容的水平对齐方法(文本对齐)

设置内容的笔直对齐(笔直对齐)

指定TH和TD元素的填充

指定表格边框的色彩

设置表格标题的方位

创立一个独特的表

 

表格特点的解说

CSS盒模型

指定元素的总宽度为250像素

运用Crossbrowser解决方案指定元素的总宽度为250像素的

 

盒模型的解说

CSS边框

设置四个边框的宽度

设置上边框的宽度

设置底部边框的宽度

设置左面框的宽度

设置右边框的宽度

 

设置四个边框的款式

设置上边框的款式

设置下边框的款式

设置左面框的款式

设置右边框的款式

 

设置四个边框的色彩

设置上边框的色彩

设置下边框的色彩

设置左面框的色彩

设置右边框的色彩

 

在一个声明中的一切边框特点

 

每边设置不同的边框

在一个声明中的一切顶部边框特点

在一个声明中的一切下边框特点

在一个声明中的一切左面框特点

在一个声明中的一切右边框特点

 

边框特点的解说

CSS概括

环绕一个元素(outline),制作一条线

设置概括的款式

设置概括色彩

设置概括的宽度

 

概括特点的解说

CSS边距

指定一个元素的边距

边距缩写特点

文本顶部边距设置的值运用厘米

运用百分比值设置文本的底部边际

运用厘米值设置文本的左面距

 

Margin特点的解说

CSS填充

设置元素的左部填充

设置元素的右部填充

设置元素的顶部填充

设置元素的底部填充

在一个声明中的一切填充特点

 

padding特点的解说

CSS分组和嵌套

组挑选器

嵌套挑选器

 

分组和嵌套解说

CSS尺度

运用像素值设置图画的高度

运用百分比设置图画的高度

运用像素值来设置元素的宽度

运用百分比来设置元素的宽度

设置元素的最大高度

运用像素值设置元素的最大宽度

运用百分比来设置元素的最大宽度

设置元素的最低高度

运用像素值来设置元素的最小宽度

运用百分比来设置元素的最小宽度

 

尺度特点的解说

CSS显现

怎么躲藏一个元素(visibility:hidden)

怎么不显现元素(display:none)

怎么显现一个元素的内联元素

怎么显现一个元素的块元素

H怎么运用表格的collapse特点

 

Display特点的解说

CSS定位

元素相对浏览器窗口的方位

元素的相对定位

元素的肯定定位

堆叠的元素

设置元素的形状

怎么运用翻滚条来显现元素内溢出的内容

怎么设置浏览器主动溢出处理

运用像素值设置图画的顶部

运用像素值设置图画的底部

运用像素值设置图画的左面

运用像素值设置图画的右边

更改光标

 

定位特点的解说

CSS起浮

简略的运用float特点

为图画增加边框和边距并起浮到阶段的左边

标题和图片向右侧起浮

让阶段的榜首个字母起浮到左边

运用float特点创立一个图片廊

敞开float - clear特点

创立一个水平菜单

创立一个没有表格的网页

 

Float特点的解说

CSS对齐元素

运用margin的中心调整

左/右方位对齐

运用Crossbrowser解决方案,设置左/右方位对齐

左/右对齐,起浮

运用Crossbrowser解决方案,设置左/右方位对齐,起浮

 

对齐特点解说

CSS生成的内容

把括号内的URL用content特点刺进到每个链接后边

章节和分节的编号是"第1节","1.1","1.2"等

quotes 特点指定了引号

CSS伪类

增加不同色彩的超链接

给超链接增加其他款式

运用:焦点

:first-child - 匹配了榜首个p元素

:first-child - 匹配了榜首个p元素中的I元素

:first-child - 匹配了榜首个p元素中的一切I元素

运用:lang

 

伪类的解说

CSS伪元素

把文本的榜首个字母设为特别的字母

把榜首行文字设置为特别

把榜首行文字的榜首个字母设置为特别

运用:在一个元素之前刺进一些内容

运用:在一个元素之后刺进一些内容

 

伪元素的解说

CSS导航栏

笔直导航栏的全款式

水平导航栏的全款式

 

导航栏的解说

CSS图片廊

图片廊

 

图片廊解说

CSS图画的不通明度

创立通明图画 - 鼠标悬停作用

创立一个布景图画与文本的通明框

 

图画的不通明度解说

CSS图画拼合

图画拼合

图画拼合-导航列表

悬停作用与图画拼合

 

图画拼合解说

CSS特点挑选器

挑选具有title特点的元素

挑选标题=一个特定值的元素

挑选标题=一个特定值的元素(运用(~)分隔特点和值)

挑选标题=一个特定值的元素(运用(|)分隔特点和值)

 

特点挑选器解说