WEB基础02

一，CSS简介
	CSS指层叠样式表（Cascading Style Sheets）
	定义如何显示HTML元素，通常存储在样式表中
	使用CSS
		内联方式
		内部样式表
		外部样式表
			外部样式语法：
			CSS代码（c1.css）
			p{
				background-color:silver;
			}
			<link rel="stylesheet" type="text/css" href="../css/c1.css">
二，CSS语法
	1，每个样式规则有两个部分：选择器和样式声明
		h1   {color:red;font-size:14px;}
	  选择器     声明     声明
	2，CSS规则特性
		1）继承性-父元素的声明可以被子元素继承
		2）层叠性-同一个元素若存在多个css规则，对于不冲突的声明可以叠加
		3）优先级-一个元素若存在多个css规则，优先级：
			内联-以最后一次定义为准>外部样式或内部样式表-就近优先>浏览器默认设置
三，CSS选择器
	1，元素选择器，通过元素名来选择css作用的目标<p>、<h1>等
	2，类选择器，以独立于文档元素的方式指定样式
		语法：.classname{
				属性：属性值
			  }
		元素选择器和类选择器结合使用
		元素名 .类名{
			属性：属性值
		}
	3，id选择器，另一种以独立于文档元素的方式指定样式
		语法：#idname{
				属性：属性值
			  }
		也可以和元素选择器结合使用
	4，选择器组(多个选择器并用)
		以逗号隔开：.classname,#idname{
						font-size:20px;
					}
	5，派生选择器				
		-后代选择器：选择某元素的所有后代元素
			语法：元素名 内部元素名（不论子后代还是更晚辈后代）{
						属性：属性值
					}
		-子选择器：选择某元素的所有子元素
			语法：元素名>内部元素名（只能选子后代）{
						属性：属性值
					}
	6，伪类选择器
		link：向未被访问的超链接添加样式
		visited：向已被访问的超链接添加样式
		active：向被激活的元素添加样式
		hover：向鼠标悬停元素添加样式
		focus：当元素获取焦点时，向该元素添加样式（text或textarea常用）

转载于:https://my.oschina.net/u/1393072/blog/513835