css 小语法

1

只能对body元素增加样式

2

border-bottom会延伸到页面边缘。

underline只出现在文本下面。text-decoration="underline"

3

希望一个class所有元素都有同一种样式。可以用.

.greentea{                /*前面有个点*/

         color: green;

}

4

Web开放字体格式（Web Open Font Format，简称WOFF）

Google的字体托管服务，免费

每个字体创建一个单独的@font-face

5.

font-size: 150%

font-size:1.2em

是相对于父类大小。

一般做法，选择small或者medium作为body的字体大小，相当于默认大小。在使用em或者百分数改变。改变一个，剩下全变：

body{ font-size: small; }
h1{font-size: 150%;}
h2{font-size: 120%}

默认的：

h4是100%，h5是90%，h6是60%

6

制定颜色

background-color: silver;

background-color:  rgb(80%, 40%, 0%)

或者是0--255中间某值：

background-color:  rgb(204, 102, 0）

background-color:  #cc6600

#cc6600 可以写成#c60，但是#ccbb10不能缩写。

7.

文本text decoration 有两个不同的规则，一个上划线，一个下划线，不会累加。唯一的办法是在同一个规则中指定。

8.

删除：1）decoration。 2）<del>

插入：<ins>

9.

内容区-》内边距-》边框-》外边距

内边距是元素的一部分。

内边距：padding  25px

外边距：margin   30px

10

按照id选择元素

#footer{

        color: red;

}

或者id为footer的p 元素：p#footer。。为不同页面不同元素准备。

11

增加媒体查询<link href="", rel="ss", media="print">

@media screen and (min-device-width: 481px){

             #guarantee{

                           margin-right: 250px;

                  }

}