CSS权威指南学习札记-1
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>
@import url{sheet2.css}
</style>
4)内联样式-inline style ,只为单个元素设定样式,通过HTML的style属性来设置一个内联样式。
写道
<p style="color:gray;">The most wonderful of all breakfast food </p>
不推荐使用内联样式,这样降低了程序的维护性。