日期:2014-05-17  浏览次数:20509 次

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>

?

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