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

  • 1
  • 0
  • 约8.4千字
  • 约 41页
  • 2019-10-16 发布于湖北
  • 举报

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的显示效果: 主题1 这是主题1的第二行,缩进显示在列表标记符(*)的下面 主题2 List-style-position等于inside的显示效果: 主题1 这是主题1的第二行,对齐显示在列表标记符(*)的下面 主题2 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

文档评论(0)

1亿VIP精品文档

相关文档