CSS权威指南学习笔记-1

 今天开始正式系统的学习一下CSS，选择了《CSS权威指南》作为我的学习教材，今天阅读了此书的第一章和第二章的一部分。

  第一章 主要学习了：

       1.块级元素：它在元素框之前和之后生成了“分隔符”，旁边不能有其他的元素；常见的块级元素有：div p

       2.行内元素：在一个文本块内生成元素框，不会打断这行文本；

       note:1.html中行内元素可以嵌套在块级元素中，但是反之则不行。2.在CSS中，通过定义display的属性值，来控制元素是块级还是行内元素。

       3.如何在html中引入css文件，有四种方式：

          1）通过link标记-link标记必须放在head中

               <link rel="stylesheet" type="text/css" href="sheet1.css">  sheet1.css-external style sheet

          2）通过style元素包含样式 -document style sheet

              

<style type="text/css">

     h1{color:red;}

</style>

          3)通过@import引入- @import必须放在style容器的最顶端，也可以利用此指令在一个css文件中引入另一个css文件，但是必须将@import放在文件的顶端。

写道

<style type="text/css">
@import url{sheet2.css}
</style>

        4）内联样式-inline style ，只为单个元素设定样式，通过HTML的style属性来设置一个内联样式。

写道

<p style="color:gray;">The most wonderful of all breakfast food </p>

 

            不推荐使用内联样式，这样降低了程序的维护性。