零碎

百分比

使用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

浮动的盒子,会呈现行内块的显示模式;

同样,定位的盒子,也会呈现行内块额显示模式:可以设置宽高,可以在一行排列(相对定位除外)

posted @ 2016-08-30 11:36  _clown  阅读(113)  评论(0编辑  收藏  举报