HTML5的基础知识点（二）

CSS基础：
css（cascading style sheet） 汉译 层叠样式表
作用：设置（修饰）HTML里的标签样式的
css是依附于HTML的基础上，来进行显示的。
css3.0 最新的版本
语法： 选择符{ 属性 ： 属性值； 属性 ：属性值； 属性 ： 属性值； 属性： 属性值 属性值 属性值；}
<标记 属性=“属性值” 属性=“属性值 属性值 属性值”></标记>
选择符：指的是要定义样式的对象（HTML里的标签），可以是一类元素，也可以是指定名称的元素；
css语法 说明： css是由两部分组成的，一部分是选择器，一部分是声明（属性和属性值）；
语法上的标点符号都是英文输入法下的标点符号；
属性和属性值之间要用冒号连接，属性和属性之间要用分号分隔；
当一个属性有多个属性值得时候，属性值和属性值要用空格隔开，不分先后顺序。
在书写样式过程中，空格、换行等操作不影响属性显示。
声明要写在{}里面的，是用来修饰选择符的；
css样式表的创建：
内部样式表：创建在HTML页面内部的；

建议创建在head区。
作用域：针对当前页面里的标签起作用。
外部样式表：创建独立的css文件
方法一： 引入资源
href="" 引入资源的路径
rel=“stylesheet” 确定要引用的资源
type=“text/css” 类型属性 文本类型为css ； 可有可无的

		方法二：<style type="text/css">
			    @import  url("目标文件的路径及文件名全称");				     
		              </style>

建议使用link方法；写在head区域内
作用域：网站里的其他页面都可以引用；
内联样式表（行间样式，内嵌样式）： 创建在标签上面；
style=“”属性；
作用域：只针对于当前的标签起作用。
不建议使用内联，建议使用外部样式，或者内部，最建议使用的外部。
HTML+css的页面布局优势：
1.缩减页面代码，提高访问速度;
2.代码减少，页面文件就会小，占用网络带宽就少，客户端打开速度就快，用户体验就会更好
3.结构和表现相分离，结构清晰，有利于seo优化
4.有利于搜索引擎优化
5.缩短改版时间， 方便后期维护
6.对网站的重构有很好的支持
样式表的优先级：内联样式的权重最高；
外部和内部的优先级跟他们的书写位置有关的，谁的位置靠下，谁的优先级别就越高
层叠性：css的特性，不管是外部还是内部或者内联都可以对当前的元素设置样式，当样式发生冲突的时候，会选择权重较高的那个样式来显示自己，当没有冲突的时候，那么这个元素就都可以把这些样式叠加显示出来。
选择符：
1、类型选择符：尖角号里面的第一个单词，可以直接当做类型选择符使用。div、p、body、h1、a、strong…
用法：
（1）如果想改变某个元素的默认样式时，可以使用类型选择符；（如：改变一个p段落样式）
（2）当统一文档某个元素的显示效果时，可以使用类型选择符；（如：改变文档所有p段落样式）。
2、ID选择符： 唯一性；

#id名{ 属性：属性值； }
最大的用处：创建网页的外围结构；