常用样式规则表.xls

常用样式 选择器的类型 使用样式表的几种方式 介绍 常用的样式属性 文本属性 设置文本字体类型 设置文本的字体样式 font-size 设置文本的字体大小 font-family font-style color 设置文本的颜色 text-align 设置文本的对齐方式 left||right||center||justify(两端对齐) line-height 设置文本行的高度 mormal(正常行高)可以给一个数字或百分比　 背景属性 background-image background-color background-repeat 设置背景颜色 设置背景图像 设置一个指定的背景图像如何被重复显示 normal(默认没有背景图像)||url(图像路径) 边框属性 方框属性 边界属性 margin-top margin-right margin-bottom margin-left border-style border-width border-color padding-top padding-right padding-bottom padding-left 填充属性 设置对象的上边距 设置对象的下边距 设置对象的左边距 设置对象的右边距 设置边框的样式 这支边框的宽度 设置边框的颜色 设置内容与上边框之间的距离　 设置内容与右边框之间的距离　 设置内容与下边框之间的距离　 设置内容与左边框之间的距离　 auto(自动)||length medium(默认)||thin(小于)||thic(大于)||length color||rgb(,,) length 特殊样式:伪类 A:link A:visited A:hover A:active 未被访问的链接样式 已被访问过的链接样式 鼠标悬浮在链接上的样式 鼠标正在按下时链接文字的样式 transparent(透明颜色)||color||rgb(,,) repeat(铺满整个区域默认值)||no-repeat(不平铺)||repeat-x(只在水平方向平铺)||repeat-y(只在垂直方向平铺) 是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。 CSS 链入外部样式表文件 (Linking to a Style Sheet) link rel=stylesheet href=/dhtmlet.css type=text/css @import print.css; @import url(print.css); 定义内部样式块对象 (Embedding a Style Block) style type=text/css !-- body {font: 10pt Arial} h1 {font: 15pt/17pt Arial; font-weight: bold; color: maroon} h2 {font: 13pt/15pt Arial; font-weight: bold; color: blue} p {font: 10pt/12pt Arial; color: black} -- /style 请注意，这里将style对象的type属性设置为text/css，是允许不支持这类型的浏览器忽略样式表单 内联定义 (Inline Styles) p style=margin-left: 0.5in; margin-right:0.5in这一行被增加了左右的外补丁p 样式表语法 (CSS Syntax) Selector { property: value } 参数说明： Selector -- 选择符 property : value -- 样式表定义。属性和属性值之间用冒号(:)隔开。多个定义之间用分号(;)隔开 1.类型选择器 语法： 说明： 类型选择符。以文档语言对象(Element)类型作为选择符。 示例： td { font-size:14px; width:120px; } a { text-decoration:none; } h[title] { color: blue; } /* 所有具有title属性的h对象 */ span[class=demo] { color: red; } div[speed=fast][dorun=no] { color: red; } a[rel~=copyright] { color:black; } table td { font-size:14px; } div.sub a { font-size:14px; } body p { font-size:14px; } /* 所有作为body的子对象的p对象字体尺寸为14px */ div ulli p { font-siz