CSS总结

css概念

css：cascading style sheets 层叠样式表/级联样式表

css与html结合的方式

css与html分工：html提供标签来封装数据 css提供属性来控制属性样式
css与html整合的方式：

1. 外部样式表：把样式从html文件中摘离形成一个css文件

     <style type="text/css">
						   @import  url("1.css");
	 </style>
					   <link type="text/css"  rel="stylesheet" href="2.css"/>

2. 行内样式表：标签的style属性
   <font style="font-size:70px;font-weight:bold;font-family:隶书;color:red;">行内样式表：font标签</font>
3. 内部样式表：head的style子标签

     <style  type="text/css">				   
				span{
				   border-color:blue;
				   border-style:solid;
				   border-width:3px;
				}
	</style>
				<span>span标签1</span><br/>
                <span>span标签2</span><br/>`

css的注释

/*css的注释*/

css选择器

span是行标签
div 是块标签
选择器：通过选择器来指定要作用于哪些标签上

名称	格式	作用的对象
通配符选择器	*{}	所有的标签
标签选择器	标签名{}	所有指定名称的标签
类选择器	.className{}	所有指定的class的标签
id选择器	#id值{}	指定id的标签
组合选择器	.cla2,#font1{}	一个样式作用于多个选择器
派生选择器	div font{}	通过父标签来选择子标签