1、h2 {background-color: transparent}:

  设置背景颜色为透明,默认值。

2、背景定位的关键字:

  不超过两个关键字 :

    一个对应水平方向,另一个对应垂直方向,注意顺序;

  如果只出现一个关键字,则认为另一个关键字是 center。

3、align和text-align:

  align是div的属性,<div class="test7" align="center">,并非在css(style)中设置;

  text-align要在css(style)中设置;

  <p>元素即使设置了宽度,仍然是块级元素,占满一行,需要设置样式display:inline;后才能对其进行居中等类似的处理。

4、用户代理?:

  User Agent,服务器通过判断UA给不同的操作系统、不同的浏览器发送不同的页面;

  浏览器的UA字符串:

    浏览器标识、操作系统标识、加密等级标识、浏览器语言、渲染引擎标识、版本信息;

  通常,用户代理是指一个浏览器,如微软的Internet ExplorerMSIE),NetscapeMozillaMoz),FirefoxFx),OperaSafari。但是浏览器不是Web上唯一的用户代理。

5、text-decoration:blink;:

  仅FireFox浏览器支持;

  text-decoration 值会替换而不是累积起来。

6、p.test {}的规则高于p {}的规则:

  <p class="test">

  <p>

7、dir与direction,类比align和text-align:  

  <p dir="rtl">12345</p>
  <p style="direction:rtl">12345</p>

8、<bdo>:

  允许你指定文字方向并重载用于文本方向计算的双向算法(bidirectional algorithm)?

9、line-height:200% :

 

  行高与行距

    行框与行内框(即内容区);

    内容区四线三格:顶线、中线、基线和底线;

    行高指基线间的距离,行距指上底线与下顶线间的距离。

10、line-height:150%与line-height:1.5

  • 父元素设置line-height:1.5会直接继承给子元素,子元素根据自己的font-size再去计算子元素自己的line-height。
  • 父元素设置line-height:150%是计算好了line-height值,然后把这个计算值给子元素继承,子元素继承拿到的就是最终的值了。此时子元素设置font-size就对其line-height无影响了

  比如父元素设置属性:font- size:14px;line-height:1.5,子元素设置font-size:26px;

    那么父元素:line-height = 14px * 1.5 = 21px,子元素:line-height = 26px * 1.5 = 39px。

  父元素设置属性:font-size:14px;line-height:150%,child设置font-size:26px;

    那么父元素:line-height = 14px * 150% = 21px,子元素:line-height = 父元素的line-height = 21px。


 1、字体系列与字体:

  如果字体中的所有字符根据其不同大小有不同的宽度,则称该字符是成比例的;

  font-family: Georgia, Palatino, serif;:

    结合特定字体名和通用字体系列

  background: #ff0000 url(/i/eg_bg_03.gif) no-repeat fixed center; 

2、普通文本(比如段落)的默认大小是 16 像素 (16px=1em)

3、em与px的区别

  区别网页缩放与调整网页字体大小,前者针对网页内全部元素,后者仅针对字体(通常是在浏览器的设置里设置);

  IE无法调整以px为单位的字体大小:

    浏览器(尤其是IE)通常是通过重设body中的元素的字体大小(默认是16px)来调整网页中全部字体大小;

    如果直接设置 h1 {font-size:12px;},则与body中字体大小相独立,无法随其变化。

  em具有继承性:

    在body中设置body{font-size:16px;}与body{font-size:100%;}没有区别,因为100%代表默认,默认就是16px;

    但body的子元素,如h1、h2、p...,字体大小要设置成能够随body重设而变化,有两种方式:

      其一使用百分比:h1{font-size:200%;};

      其二使用em:h1{font-size:2.5em;}:

        通常1em=16px,这是在设置body{font-size:100%;}或未设置body字体样式即默认情况下;

        如果设置body{font-size:62.5%;},则1em=16px*0.625=10px;

    em的继承性指font-size属性值使用em为单位的元素,自动关联body的font-size,字体大小随其变化。

4、font:12px/30px:

  font-size/line-height