百分比
使用n%这种形式来设置的,在css中,一般有如下两处:
-
-
- 表示长度(包括宽和高),
- 表示位置的,如背景定位以及层定位的时候会用到
-
使用百分比的时候,一般都有参考的对象,这个对象通常就是父元素。
text-align
align:对齐
作用:设置文本对齐的水平方式,通常有如下几种对齐方式:
-
-
- left,是默认值
- center
- right
- Justify,表示两端对齐(不是分散对齐),但是只对英文有效。
-
可以继承的常见属性有:
font-family,font-size,font-style,font-weight,font, line-height,text-align,text-indent,color
-
-
- 如果width、margin都是auto的话(这个前提不能少),我们再来设置padding或border,相应的width就会减小,保证整个块级元素的大小不要超过父元素。
-
注意auto和scroll的区别,它并没有生成水平方向上的滚动条(overflow)
前面提到css中有三大布局模型:
-
-
- 流动布局
- 浮动布局
- 层布局
-
rel=”nofollow” 不让搜索引擎抓取该页面。
<body>
<object data="figure/google.mp4" width="500px"></object>
<object data="figure/小苹果.mp3"></object>
<object data="figure/MTV.wmv"></object>
</body>
在css中,我们可以使用border-collapse,来设置。
它有两个属性值:
ü separate:分隔,默认值
ü collapse:消融,融合
表单分组是给用户一个直观的体验。
语法结构:
<fieldset>
<legend>表单分组的标题</legend>
表单元素
</fieldset>
field 田
set n.集合 vt.设置
legend n.传奇
Text-decoration
decoration:修饰
作用:用来设置文本的修饰线,有如下几种:
-
- underline
- overline
- line-through
- none
font-weight 字体粗细
常用的取值:
font-weight: 100
200
300
400
500
600
700 800 900
normal 正常的 400
bold 粗体 通常认为bold = 700
浮动的盒子,会呈现行内块的显示模式;
同样,定位的盒子,也会呈现行内块额显示模式:可以设置宽高,可以在一行排列(相对定位除外)