CSS 为页面加一点样式（简单的属性及<link>）

CSS中的每个语句包括一个场所（如卧室），以及这个场所的一个属性（如窗帘或地毯），还要运用这个属性的一个样式（如颜色）。

   Bedroom{

   drapes:blue;

   }

 

推荐一本小书——《CSS Pocket Reference》

规则：p{                         其中整体为规则，p所在的位置为选择器。CSS规则要放在

          Color:red;                <style>元素中

          }                  

A.今天学到的一些属性

  background-color:red;               背景色

  border:1px solid black;               边框，粗细为一像素，实线，黑色。

  color:maroon;                             字体颜色，茶红色（增加之后，链接的颜色没有变）

  font-family:sans-serif;                 将font-family改为sans-serif

  border-bottom:1px solid black;   控制元素下边框的外观，较下划线underline粗一些，会延伸至页面边缘

 text-decoration:underline;  下划线

B.技巧

  为多个元素编写一个规则，只需要在选择器之间加上逗号。（h1,h2{}）

  为多个页面统一样式：

        1、取出“lounge.html”中的规则，（不要style）将他们放在一个名为lounge.css的文件中

        2、从lounge.html中建立一个到这个文件的外部链接

                            <link rel=”stylesheet” href=”lounge.css”>   rel属性指定了HTML文件与所链接文件之间的联系

                                                                                               我们要连到是一个样式表，所以用stylesheet

                                                                                                Link是一个void元素

       3、在其他页面建立链接

       4、测试