(附加二)层叠样式表CSS.pptVIP

5.4 边框属性 每个内容或元素外面都可以有一个边框. 边框分上边框(top),下边框(bottom),左边框(left),右边框(right). 每种边框有颜色(color),样式(style),宽度(width)三种属性. 如果上下左右的边框表现不一样,可以分别定义上下左右边框,如果一样可以统一使用border属性定义. 属性 描述 border 简写属性，用于把针对四个边的属性设置在一个声明。 border-style 用于设置元素所有边框的样式，或者单独地为各边设置边框样式。 border-width 简写属性，用于为元素的所有边框设置宽度，或者单独地为各边边框设置宽度。 border-color 简写属性，设置元素的所有边框中可见部分的颜色，或为 4 个边分别设置颜色。 border-bottom 简写属性，用于把下边框的所有属性设置到一个声明中。 border-left 简写属性，用于把左边框的所有属性设置到一个声明中。 border-right 简写属性，用于把右边框的所有属性设置到一个声明中。 border-top 简写属性，用于把上边框的所有属性设置到一个声明中。 属性 描述 border-bottom-color 设置元素的下边框的颜色。 border-bottom-style 设置元素的下边框的样式。 border-bottom-width 设置元素的下边框的宽度。 border-left-color 设置元素的左边框的颜色。 border-left-style 设置元素的左边框的样式。 border-left-width 设置元素的左边框的宽度。 border-right-color 设置元素的右边框的颜色。 border-right-style 设置元素的右边框的样式。 border-right-width 设置元素的右边框的宽度。 border-top-color 设置元素的上边框的颜色。 border-top-style 设置元素的上边框的样式。 border-top-width 设置元素的上边框的宽度。 border-style的取值 ： none: 无样式 hidden: 除了同表格的边框发生冲突的时候,其它同none dotted: 点划线、dashed: 虚线、solid: 实线 、double: 双线 、groove: 槽状 ridge: 脊状,和groove相反、inset: 凹陷、outset:凸出,和inset相反。 5.5 鼠标光标属性 Cursor属性：值有 crosshair：精确定位“十”字形； pointer：“小手”形状鼠标 text：文本“I”形； wait：等待，“沙漏”形； default：默认指针； help：帮助，带尾箭头； e-resize：箭头朝右方； ne-resize：箭头朝右上方； n-resize：箭头朝上方； nw-resize：箭头朝左上方； w-resize：箭头朝左方 sw-resize：箭头朝左下 s-resize：箭头朝下方 se-resize箭头朝右下 auto：鼠标按照默认的状态根据页面上的元素自行改变样式。 3.6 列表属性 属性 描述 list-style-type 设定引导列表项的符号类型，可以设置多种符号类型，值为disc、circle、square等。 list-style-image 使用图像作为定制列表符号 list-style-position 决定列表项目缩进的程度 总 结 本章必须掌握的知识点： CSS的用途及使用的意义 CSS规则组成（CSS语言的语法） 在HTML文档中放置CSS的三种方式 CSS的6种选择符的作用和使用 CSS常见的样式属性和值 谢 谢 page (#) 附加二 层叠样式表CSS 回顾 HTML中form标签中常用的属性都有哪些？ HTML中form标签都有哪些子标签？ HTML中input标签中type属性值都有哪些？ 预习检查 CSS的语言的语法？ 在HTML文档中放置CSS样式的三种方式？ CSS的6种选择器的作用和使用？ 本章任务 1. CSS简介 2. CSS规则的组成 3. 在HTML文档中放置CSS的几种方式 4. CSS选择器 5. CSS常见的样式属性和值 1. CSS简介 CSS是用于布局与美化网页的. CSS是Cascading Style Sheets的英文缩写,即层叠样式表 CSS语言是一种标记语言,因此不需要编译,可以直接由浏览器执行(属于浏览器解释型语言). CSS文件是一个文本文件,它包含了一些CSS标记,CSS文件必须使用.css为文件名后缀. CSS是大小写不