* 就是 选择所有的标签 他是所有选择器中作用范围最广的
typora-copy-images-to: media
第01阶段.前端根本.CSS根本选择器
CSS选择器（重点）学习方针：
理解
能说出选择器的感化
id选择器和类选择器的区别
应用
能够使用根本选择器给页面元素添加样式
1. CSS选择器感化（重点）如上图所以，要把里面的小黄人分为2组，最快的要领怎办？
很多， 好比 一只眼睛的一组，剩下的一组
选择器的感化? 找到特定的HTML页面元素
一句话说出他们： ※※※※
CSS选择器干啥的？ 选择标签用的， 把我们想要的标签选择出来 必需记住的
css 就是 分两件事， 选对人， 做对事。
h3 { color: red; }这段代码就是2件事， 把 h3选出来， 然后 把它酿成了 红色。 以后我们都这么干。
选择器分为根本选择器和 复合选择器，我们这里先讲解一下 根本选择器。
2. CSS根本选择器 2.1 标签选择器观点：
标签选择器（元素选择器）是指用HTML标签名称作为选择器，按标签名称分类，为页面中某一类标签指定统一的CSS样式。
语法：
标签名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }感化：
标签选择器 可以把某一类标签全部选择出来 好比所有的div标签 和 所有的 span标签
长处：
是能快速为页面中同类型的标签统一样式
错误谬误：
不能设计差异化样式。
总结 口诀：
标签选择器，
页面同选起。
直接写标签，
全部不放弃。
类选择器使用“.”（英文点号）进行标识，后面紧跟类名.
语法：
类名选择器
.类名 { 属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }标签
<p class='类名'></p>长处：
可以为元素东西界说单独或不异的样式。 可以选择一个或者多个标签
注意
类选择器使用“.”（英文点号）进行标识，后面紧跟类名(自界说，我们本身定名的)
长名称或词组可以使用中横线来为选择器定名。
不要纯数字、中文等定名， 尽量使用英文字母来暗示。
定名规范： 见附件（Web前端开发规范手册.doc）
定名是我们通俗约定的，但是没有规定必需用这些常用的定名。
记忆口诀
差异化选择
一个或多个
上面点界说
类名别写错
谁用谁挪用
class来做。
嘿嘿，事情类最多。
课堂案例：**
<head> <meta charset="utf-8"> <style> .blue { color: blue; font-size: 100px; } .red { color: red; font-size: 100px; } .orange { color: orange; font-size: 100px; } .green { color: green; font-size: 100px; } </style> </head> <body> <span class="blue">G</span> <span class="red">o</span> <span class="orange">o</span> <span class="blue">g</span> <span class="green">l</span> <span class="red">e</span> </body> 2.3 类选择器特殊用法- 多类名我们可以给标签指定多个类名，从而到达更多的选择目的。
注意：
各个类名中间用空格离隔。
多类名选择器在后期构造对照庞大的情况下，还是较多使用的。
<div class="pink fontWeight font20">亚瑟</div> <div class="font20">刘备</div> <div class="font14 pink">安其拉</div> <div class="font14">貂蝉</div> 2.4 id选择器id选择器使用#进行标识，后面紧跟id名
其根基语法格局如下：
id选择器
#id名 {属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }标签
<p id="id名"></p>元素的id值是独一的，只能对应于文档中某一个具体的元素。
用法根基和类选择器不异。
id选择器和类选择器区别
W3C标准规定，在同一个页面内，不允许有不异名字的id东西呈现，但是允许不异名字的class。
类选择器（class） 比如人的名字，， 是可以多次反复使用的， 好比 张伟 王伟 李伟 李娜
id选择器 比如人的身份证号码， 全中国是独一的， 不得反复。 只能使用一次。
id选择器和类选择器最大的差别在于 使用次数上。
总结：
类选择器我们在改削样式中，用的最多。
id选择器一般用于页面独一性的元素身上，经常和我们后面学习的javascript 搭配使用。
2.6 通配符选择器观点
通配符选择器用*号暗示， * 就是 选择所有的标签 他是所有选择器中感化范畴最广的，能匹配页面中所有的元素。
其根基语法格局如下：
* { 属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }例如下面的代码，使用通配符选择器界说CSS样式，断根所有HTML符号的默认边距。
* { margin: 0; /* 界说外边距*/ padding: 0; /* 界说内边距*/ }注意：
温馨提示: 本文由Jm博客推荐，转载请保留链接: https://www.jmwww.net/file/web/32546.html
![[转]Node.js中package.json中^和~的区别](/uploads/allimg/200519/054J34453_lit.png "[转]Node.js中package.json中^和~的区别")