css_笔记大全.docVIP

# CSS的定义由三部分构成： 选择符: selector 属 性: properties 属性值: value slector {property:value} # 选择符组 h1,h2,h3,h4,h5,h6 {color:green} # 类选择符 p.right{text-align:right} p.center{text-align:center} .center{text-align:center} .right{text-align:right} # ID选择符 定义ID选择符要在ID名称前面加上一个 # 号。和类选择符相同,定义ID选择符和属性也有两种方法 匹配所有id=intro 的元素: #intro { font-size:110%; font-weight:bold; color:#0000ff; background-color:transparent; } 匹配id=intro的段落元素: p#intro { font-size:110%; font-weight:bold; color:#0000ff; background-color:transparent; } 包含选择符 table a{font-size:12px;} 样式表的层叠性: 就是继承性，样式表的继承规则是外部的元素样式会保留下来给这个元素所包含的其他元素。当继承发生冲突时，总是以最后定义的样式为准。 不同的选择符定义相同的元素时，要考虑到不同的选择符之间的优先级。ID选择符，类选择符和HTML标记选择符，因为ID选择符是最后上元素上的，所以优先级最高，其次是类选择符，如果想超越这三者之间的关系，可以用 !important提升样式表的优先权. # 注释 p{ text-align:center; color:black; font-family:arial; } 伪类 : pseudo-class selector:pseudo-class {property:value} 类选择符及其他选择符也同样可以和伪类混用 selector:class:pseudo-class{property:value} 其他伪类 : first-letter 和 first-line style type=text/css p:first-letter {font-size:300%} /style Dreamweaver中CSS属性详解 Type / Background / Block / Border / List / Positioning / Extensions # Type: 字体，大小 颜色;带*星号,只能在IE中才能看到效果 line-height:行距 # Background:对元素的背景色图进行控制，一般是对 body / table / div区域的设置 # Block: 对文本对象的文字间距，对齐方式，上标，下标，排列方式，首行缩行等. word spacing:设置单词的间距，可以为负值。 Letter Spacing:设置这符之间的间距。可以为负值。 whitespace:设置如何处理元素的空白符。有三个选项: Normal 会将空白符全部压缩; Pre 则会如同处理其他原理时一样(所有的空白符，包括空格，标签，回车等都会得以保留); Nowrap指定文本只在遇到br标签时才换行，相对应的CSS属性是 white-space # Box :主要设置对象的边界，间距,高度，宽度，和漂浮方式等 clear: none表示允许两边都可以有浮动对象 ,both表示两边都不允许有浮动对象。相对应的CSS属性是clear # Border : 边框 可以设置对象的宽度，颜色及样式 . width / color / style # List(列表) Type : Bullet Image: Position: 设置列表项在文本内还是在文本外。Inside:列表项目标记放置在文本以内，Outside：列表项目标记放置在文本以外，相应的CSS属性是: list-style-position # Positioning(定位) Positioning面板就相当于::::对象放在一个层里来定位::::，它相当于HTML的DIV标记，你可以把定义看作为一个CSS定义的层. Type:设定对象定位的方式有三种：Absolute,Re