CSS 实例.pdfVIP

CSS 实例 CSS 实例 CSS背景 设置页⾯的背景颜⾊ 设置不同元素的背景颜⾊ 设置⼀个图像作为页⾯的背景 错误的的背景图⽚ 如何在⽔平⽅向重复背景图像 如何 位背景图像 ⼀个固 的背景图⽚ （这个图⽚不会随页⾯的其余部分滚动） 在⼀个声明的所有背景属性 ⾼级的背景例⼦ 背景属性的解释 CSS⽂本 设置不同元素的⽂本颜⾊ ⽂本对齐 移除链接下划线 装饰⽂字 控制⽂本中的字母 缩进⽂本 指 了字符之间的空间 指 了⾏与⾏之间的空间 设置元素的⽂本⽅向 增加单词之间的空格 在⼀个元素内禁⽤⽂字换⾏ 内部⽂字图像的垂直对齐 Text属性的解释 CSS的字体 设置⽂本的字体 设置字体⼤⼩ ⽤px设置的字体的⼤⼩ ⽤em设置的字体的⼤⼩ ⽤百分⽐和em设置字体的⼤⼩ 设置字体样式 设置字体的异体 设置字体的粗细 在⼀个声明的所有字体属性 Font属性的解释 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属性 创建⼀个⽔平菜单