PHP基础教程_零基础学习PHP_PHP基础教程_兄弟连PHP教程_CSS简介.ppt

border-left-width: 1px; border-left-style: solid; border-left-color: #0000FF; 背景 background-color：背景颜色 background-color:transparent;/*透明色*/ background-image：背景图片 例如，{background-image:url(‘/logo.gif’)} background-repeat：背景重复方式 设置值：no-repeat、repeat、repeat-x、repeat-y background-position：背景位置 设置值：left、center、right、20px 20px、20% 70%、top、bottom background-attachment：固定或滚动背景 设置值：fixed、scroll background：合并设置背景样式 例如，{background:#00cc00 url(logo.jpg) no-repeat bottom right} background-color: #CCCCCC; background-image: url(img/bg.gif); background-repeat: repeat-x; background-position: center top; 页面和浏览器元素的CSS 表格 表单 超链接 鼠标 滚动条 控制表格 table{caption-side:bottom;} table{border-collapse:collapse;} tr:hover{color:red;} 控制表单 给input添加背景色 一条线的文本框 像文字一样的按钮 彩色的下拉框 类似Excel表格的表单 伪元素选择器 伪元互选择器是指对同一个HTML元素的各种状态和其所包括的部分内容是一种定义方式。例如，对于超链接标签(a/a)的正常状态（没有任何动作前）、访问的状态、选中状态、光标移到超链接文本上的状态，对于段落的首字母和首行，都可使用伪元素选择器来定义。 使用伪元素作为选择器的样式规则定义格式： HTML元素：伪元素｛属性：值｝ 常用的伪元素： a:link超链接的正常状态（没有任何动作前） a:visited访问过的超链接状态 a:hover光标移动到超链接上的状态 a:active选中超链接时的状态 p:first-line段落中的第一行文本 p:first-letter段落中的第一个字母 类选择器与伪元素一起使用的格式： HTML元素.类名：伪元素｛属性：值｝ 鼠标样式cursor： body{cursor:pointer;} 设置值：help、move、crosshair…. 滚动条样式scrollbar： scrollbar-3dlight-color scrollbar-arrow-color scrollbar-base-color scrollbar-darkshadow-color scrollbar-face-color scrollbar-highlight-color scrollbar-shadow-color 列表 list-style-type：列表符号 设置值：disc(实心圆)、 circle(空心圆)、 square(方块)、 decimal(阿拉伯数字)、 lower-roman(小写罗马数字)、 upper-roman(大写罗马数字)、 lower-alpha(小写英文字母)、 upper-alpha(大写英文字母) none(无项目符号). list-style-image：列表图片符号 list-style-position 设置值：inside(内部)、outside(外部) List-style-position等于outside的显示效果： 主题１ 这是主题１的第二行，缩进显示在列表标记符（*）的下面 主题２ List-style-position等于inside的显示效果： 主题１ 这是主题１的第二行，对齐显示在列表标记符（*）的下面 主题２ list-style list-style-type: disc; list-style-image: url(img/b01.gif); list-style-position: inside; CSS Game Over 谢谢！！ * * * * * * * * * * * * * * CSS简介 网址： 电话：400 700 1307 CSS DHTML简介 何为CSS(层叠样式表) CSS的几种设置方式 样式规则的选择器 样式规则的注释与有效范围 用DreamWeaver产生CSS 样式属性详解 DHTML 简介 DH