CSS简介:
层叠样式表:Cascading Style Sheet
所谓层叠,可以将整个网页想象为多层叠合的结构,层次高的覆盖层次低的.在Firefox上可用Tilt可视化.
CSS样式表可编写到元素的style属性(标签)当中如<p style="color:red"> 内容</p>,这种样式被称为内联样式,只对当前样式起作用.(不推荐使用,html与CSS耦合在一起)
将CSS样式写入head的style标签中,利用CSS选择器选中元素,将样式表编写到style中,也可以是表现与结构分离(推荐)例:
.......
<head>
<style type="text/css">
p(<--指定元素){属性;属性}
</style>
</head>
......
外部样式表:
新建一个.css文件,将要表现的内容和对象写入其中.然后在对应页面中使用link标签(自结束) 调用,将表现和结构完全分离.
如:<link rel="stylesheet" type="text/css" href="相对路径/>
CSS语法:注释同C语言 ,结构:选择器 声明块
选择器:通过选择器可以选中页面中的指定元素,并且将声明块中的样式应用到对应元素
声明块:紧跟在选择块后面,使用一对{},是只是一组名值对结构,多个声明用";"隔开
块和内联:
块元素:独占一行的元素,无论内容有多少.p,和h1,<div> 标签无任何语义,单纯块元素,不会有间隔默认设置.将网页分区.
内联元素:span是一个内联元素(行内元素),指得是只占用自身大小的元素,不会占用一行常见的内联元素,空间不够时会自动换行.
HTML5中用内容模型将内联和块解释,所以并没有真正的内联和块.这只是一种简便的理解方式.
