css基础选择器

css基础选择器

	选择器的作用
		选择器就是根据不同的需求把不同的标签选择出来，简单来说就是选择标签用的
		找到所选择的标签 然后设置这些标签的样式	
	选择器的分类
		基础选择器 和复合选择器
			基础选择器是由单个选择器组成的
			基础选择器又包括：标签选择器、类选择器、id选择器和通配符选择器
		标签选择器	
			标签选择器是指HTML标签名作为选择器，按标签名称分类，为页面中某一类标签指定统一的CSS样式 
			作用：标签选择器可以把某一类标签全都选择出来，比如所有的div标签或者所有的span标签
			优点：能够快速的为页面中同类型的标签统一设置样式
			缺点：不能设置差异化样式，只能选择全部当前标签
		类选择器
			如果想要差异化选择不同的标签，单独选一个或者某几个标签，可以使用类选择器
			语法
			类选择器口诀：样式点定义，结构类（class）调用，一个或多个，开发最常用
			注意：
			1.类选择器使用”.“英文点号进行标识，后面紧跟着类名（自定义、我们自己命名的）
			2.可以理解为给这个标签起了一个名字
			3.长名称或者词组可以使用中横线来为选择器命名
			4.不要使用纯数字、中文等命名。尽量使用英文字母来表示
			5.命名要有意义，尽量让别人一眼就知道这个类名的目的
			CSS命名规则
		   　		头：header
				 	内容：content/container
		    　　	尾：footer
			     　导航：nav
 　　				侧栏：sidebar
 　　				栏目：column
 　　				页面外围控制整体布局宽度：wrapper
 　　				左右中：left right center
 　　				登录条：loginbar
 　　				标志：logo
 　　				广告：banner
 　				页面主体：main
 　　				热点：hot
 　　				新闻：news
 　　				下载：download
 　　				子导航：subnav
 　　				菜单：menu
 　　				子菜单：submenu
 　　				搜索：search
 　　				友情链接：friendlink
 　　				页脚：footer
 　　				版权：copyright
 　　				滚动：scroll
 　　				内容：content
 　　				标签页：tab
 　　				文章列表：list
 　　				提示信息：msg
 　　				小技巧：tips
 　　				栏目标题：title
 　　				加入：joinus
 　　				指南：guild
 　　				服务：service
 　　				注册：regsiter
 　　				状态：status
 　　				投票：vote
 　　				合作伙伴：partner
	多类名选择器
		使用方式
			在标签class属性中写多个类名
			多个类名中间必须用空格分开
			这个标签分别具有这些标签的相关样式
		多类名的使用场景			
			可以把一些标签元素相同的样式（共同的部分）放到一个类里面
			这些标签都可以调用这个公共的类，然后在调用自己独有的类
	id选择器
		id选择器可以为标有特定id的HTML元素指定特定的样式
		HTML元素以id属性来设置id选择器，css中id选择器以”#“来定义
		和类选择器基本相似
		区别是id选择器的口诀：样式#定义，结构id调用，只能调用一次，别人切勿使用
		

	通配符选择器
		在CSS中，通配符选择器使用”*“定义，他表示选取页面中所有的元素（标签）
		语法
			* {
				 color: red;
			}
		通配符选择器不需要调用，自动就给所有元素使用样式
		特殊情况才使用后讲解使用场景（以下是清除所有元素的内外边距）
			* {
				 margin： 0；
				padding： 0；
			}			

	基础选择器总结