2015.4.19(css)
CSS概述
CSS是层叠样式表（ascading style sheets）的缩写，他用于定义html元素的显示形式，是一种格式
化网页的技术
样式规则：
内嵌样式：<h1 style = "color：#ff0000">红色标题</h1>
特殊的样式需要应用到个别元素时，写在标签的开始标记中，起作用范围权限于应用它的网页元素，方法是在相关的标签中使用样式属
性，样式属性可以包含任何css属性
内联样式表：<head>
<style type = "text/css">
...样式的定义...
</style>
</head>
单个文件需要特别样式是使用，写在网页的<head>部分，其作用范围仅限于该网页
style：样式定义
外联样式表：<head>
<link rel = "stylesheet" type = "text/css"
href = "样式表的css文件"/>
</head>
需要被应用到很多页面的时候使用，引入在网页的<head>部分，使用<link>标记引入代码，引入的是一个外部样式表的文件链接
link：定义资源引用
css的基础语法：
例：h1{color：red}
h1（选择器）{color（）属性：red（）值；声明}（声明块）
注意：1、多个声明用"；"分号隔开
h1{color：red；font：15px；}
2、每条声明由一个属性和一个值组成
h1{color：red；}
3、属性和值之前用"："隔开
h1{color：red；}
4、每个声明用"；"结束（最后一句也要使用"；"结束）
5、属性可简写，根据css3规范建议简写
h1{font-size：15px；（font：15px）}
6、多个选择器共用一个声明，用"，"隔开
h1，h2{color：red；}
7、每个选择器可以拥有多条声明
h1{color：red；font：15px；}
8、不要在属性值与单位之间留有空格。否则浏览器可能不能读取数据
样式表优先级：内嵌>内联=外联（看顺序）
选择器：
id选择器：#名称{...}
class选择器：·名称{...}
元素选择器：元素{...}
包含选择器：父类选择器__子类选择器{...}
伪类选择器： 选择器：属性（hoder）
*是通配符 normalize：可以满足浏览器的兼容
css层叠：样式表允许以多种方式规定样式信息，样式可以规定在单个的html元素中，在html页的头元素中，或在一个外部的css文件
中，甚至可以再同一个html文档内部引用多个外部样式表
权重值：
一等： 内嵌（开始标签stlye） 1000
二等： id 0100
三等： 类选择器 0010
四等： 元素选择器 0001
* 没有权重值 important 出现时权重值最高
css继承：
不可继承的：display、margin、border、padding、background、height、min-height、max-height、width、
min-width、max-width、overflow、position、left、right、top、bottom、z-index、float、clear、table-layout、
vertical-align、page-break-after、page-bread-before和unicode-bidi。
所有元素可继承：visibility和cursor。
内联元素可继承：letter-spacing、word-spacing、white-space、line-height、color、font、font-family、
font-size、font-style、font-variant、font-weight、text-decoration、text-transform、direction。
终端块状元素可继承：text-indent和text-align。
列表元素可继承：list-style、list-style-type、list-style-position、list-style-image。
表格元素可继承：border-collapse。
垂直居中：verticall - align:middle
水平居中：text - algin：center
font - face：自定义字体
font - weight：字体加粗
font -size ：设置字体大小
浙公网安备 33010602011771号