p.flower{
...;
}
作用于<p class="flower"/>
假如你使用 “margin-left: 20 px
” 而不是 “margin-left: 20px” ,它仅在 IE 6 中有效,但是在 Mozilla/Firefox 或 Netscape 中却无法正常工作
如果某些属性在不同的样式表中被同样的选择器定义,那么属性值将从更具体的样式表中被继承过来。先内联,后内部,最后外部样式;
background-color
不能继承,其默认值是 transparent。transparent 有“透明”之意。也就是说,如果一个元素没有指定背景色,那么背景就是透明的,这样其祖先元素的背景才能可见。
background-image
属性的默认值是 none,表示背景上没有放置任何图像。
如果需要设置一个背景图像,必须为这个属性设置一个 URL 值:
body {background-image: url(/i/eg_bg_04.gif);}
事实上,所有背景属性都不能继承。
background-repeat
属性 取值repeat repeat-x repeat-y no-repeat;默认地,背景图像将从一个元素的左上角开始。
为 background-position
属性提供值有很多方法。首先,可以使用一些关键字:top、bottom、left、right 和 center。通常,这些关键字会成对出现,不过也不总是这样。还可以使用长度值,如 100px 或 5cm,最后也可以使用百分数值。不同类型的值对于背景图像的放置稍有差异.
位置关键字可以按任何顺序出现,只要保证不超过两个关键字 - 一个对应水平方向,另一个对象垂直方向; 如果只出现一个关键字,则认为另一个关键字是 center。
百分数值同时应用于元素和图像。也就是说,图像中描述为 50% 50% 的点(中心点)与元素中描述为 50% 50% 的点(中心点)对齐;
background-attachment
:fixed防止当文档向下滚动时,背景图像也会随之滚动 默认值是 scroll
background: #ff0000 url(/i/eg_bg_03.gif) no-repeat fixed center;
缩进文本:text-indent
设置为负值 行的某些文本可能会超出浏览器窗口的左边界。为了避免出现这种显示问题,建议针对负缩进再设置一个外边距或一些内边距
text-align:文本行互相之间的对齐方式 left左对齐,right右,center中,justify两端对齐文本效果,inherit继承父元素属性;
text-align:center 与
不仅影响文本,还会把整个元素居中。text-align 不会控制元素的对齐,而只影响内部内容。元素本身不会从一段移到另一端,只是其中的文本受影响。水平对齐属性是 justify
word-spacing
属性可以改变字(单词)之间的标准间隔
letter-spacing
属性字母间隔修改的是字符或字母之间的间隔,单词中的字母间隔变,单词之间的间隔也变;
text-transform
取值 none uppercase lowercase capitalize
text-decoration 取值
none
underline
overline
line-through
blink
一个规则中结合多种装饰
[b]white-space 属性
对源文档中的空格、换行和 tab 字符的处理 normal
:丢掉多余的空白符。如果给定这个值,换行字符(回车)会转换为空格,一行中多个空格的序列也会转换为一个空格。
nowrap
防止元素中的文本换行,除非使用了一个 br 元素
pre-wrap
,元素中的文本会保留空白符序列,正常地换行。如果设置为这个值,源文本中的行分隔符以及生成的行分隔符也会保留。pre-line
与 pre-wrap 相反,会像正常文本中一样合并空白符序列,但保留换行符。
line-height: 90%[/b]
CSS 字体属性
font
font:italic bold 12px/30px arial,sans-serif;
简写属性。作用是把所有针对字体的属性设置在一个声明中。
font-family
设置字体系列。以“,”分割不同的字体系列;依次寻找安装的字体;出现空格的字体名称,使用单引号或双引号;
font-size
设置字体的尺寸。10%
font-size-adjust
当首选字体不可用时,对替换字体进行智能缩放。(CSS2.1 已删除该属性。)
font-stretch
对字体进行水平拉伸。(CSS2.1 已删除该属性。)
font-style:normal、italic、oblique
设置字体风格。
font-variant:normal、small-caps(小型号的大写字体)
以小型大写字体或者正常字体显示文本。
font-weight:normal、bold、900、
设置字体的粗细。
list-style-type : 无序的 disc(实心的圆点)、circle(空心圆点)、square(方形实心)、none(无图标)
ul {list-style-type : square}
list-style-image
: url(xxx.gif)
li {list-style :
url(example.gif) square inside}
list-style-type :有序 decimal(数字)、lower-roman(小写罗马)、upper-roman、lower-alpha(字母)、upper-alpha(大写字母)
list-style-position:inside/outside
属性 | 描述 |
---|---|
border-collapse | 设置是否把表格边框合并为单一的边框。collapse separate |
border-spacing | 设置分隔单元格边框的距离。(仅用于 "separated borders" 模型) |
caption-side | 设置表格标题的位置。top bottom |
empty-cells | 设置是否显示表格中的空单元格。(仅用于 "separated borders" 模型)show |
table-layout | 设置显示单元、行和列的算法。fixed固定大小;automatic随表格内容变化 |