1.标签选择器：直接用元素的标签来进行选择
span { // 直接选择span标签
size:16px;
}
1
2
3
1
2
3
2.ID选择器：通过设置id名字，进行精确的选择，用#来定义
# div1 { //通过id名字来进行选择
color:red;
}
<div>1</div>
1
2
3
4
1
2
3
4
3.类选择器:通过类名来进行选择，选择范围比id选择器大，用’.来定义
.div1 { //所有类名为div1的都被选择了
color:red;
}
<div>1</div>
<div>1</div>
<div>1</div>
1
2
3
4
5
6
1
2
3
4
5
6
4.通配符选择器：范围更大，作用于所有标签，用*来定义
不建议使用，对页面加载负担大
高级选择器
1.后代选择器：定义用空格隔开
div span { //选择的是div标签下的span标签，当然后代顾名思义可以不止隔一代，可以隔多代进行选择
color：red；
}
<div><span>1</span></div>
1
2
3
4
1
2
3
4
2.交集选择器：与后代选择器定义的不同是，没有空格隔开，两个元素紧挨着
span#a1 { //选择的是两个条件1.既是span标签的 2.id名是a1的元素，两个条件缺一不可
color：red；
}
<span id=“a1”>1</span>
<span >1</span>
1
2
3
4
5
1
2
3
4
5
3.并集选择器：定义用逗号隔开
span，#a1 { //选择的是1.是span标签的 2.id名是a1的元素，两个条件满足一个即可
color：red；
}
<span id=“a1”>1</span>
<span >1</span>
1
2
3
4
5
1
2
3
4
5
4.伪类选择器：
1.静态伪类：点击连接之前（link），点击连接之后(visited)这样的
2.动态伪类：鼠标移入（hover），点击之后（focus）
@ 深圳HTML5大前端培训参加哪个机构的好？
想要成为一名合格的HTML5大前端开发工程师，不仅需要具有一定的知识广度与深度，还需要具备快速的学习能力。随着市场竞争的加剧，企业对于前端开发工程师的要求已经不再局限于基本的HTML5大前端技术、网站性能优化、SEO和服务器端的基础知识，更加注重从业人员能否学会运用各种工具进行辅助性开发以及理论层面的知识，其中就包括代码的可维护性、组建的易用性、分层语义模板和浏览器分级支持等。面对复杂的HTML5大前端框架，需不需要参加培训呢?答案是肯定的，想要在HTML5大前端领域有一席之地，参加培训是必要的。
但是在参加培训之前，大家首先就应该先了解HTML5大前端每一阶段有哪些需要掌握的必备知识点，只有对这些基本知识点有所了解后，才能为今后要不要选择参加培训，以及参加培训需要掌握的重点知识清晰的了解。接下来，就让千锋教育深圳校区老师为大家具体讲述。
第一阶段：
HTML+CSS：HTML进阶、CSS进阶、div+css布局、HTML+css整站开发。
JavaScript基础：Js基础教程、js内置对象常用方法、常见DOM树操作大全、ECMAscript、DOM、BOM、定时器和焦点图。
JS基本特效：常见特效、例如：tab、导航、整页滚动、轮播图、JS制作幻灯片、弹出层、手风琴菜单、瀑布流布局、滚动事件、滚差视图。
JS高级特征：正则表达式、排序算法、递归算法、闭包、函数节流、作用域链、基于距离运动框架、面向对象基础。
JQuery：基础使用悬着器、DOM操作、特效和动画、方法链、拖拽、变形、JQueryUI组件基本使用。
第二阶段：
HTML5新语义标签、HTML5表单、音频和视频、离线和本地存储、SVG、Web Socket、Canvas。
CSS3新选择器、伪元素、脸色表示法、边框、阴影、background系列属性改变、Transition、动画、景深和深透、3D效果制作、 Velocity.js框架、元素进场、出场策略、炫酷CSS3网页制作。
响应式概念、媒体查询、响应式网站制作、删格系统、删格系统原理、Bootstrap常用模板、LESS和SASS。
跨终端WEB和主流设备简介、视口、流式布局、弹性盒子、rem、移动终端JavaScript事件、手机中常见JS效果制作、Zepto.js、手机聚划算页面、手机滚屏。
当然，除了以上所介绍的两个阶段外，还有第三、第四阶段应该掌握的重点知识，这时你就需要找一家可靠的培训机构进行系统的学习。千锋深圳HTML5大前端培训课程不仅采用全程高品质面授教学模式，还在课程中融合腾旭、阿里两大互联网企业前端的技术精华，使走出千锋教育的学员都能成功入职心仪企业，成功开启自己的职业生涯之旅。
@ web前端的JavaScript需要学什么？
需要掌握的知识比较多：
第一：Javascript 语言核心部分；
第二：BOM部分；
第三：DOM部分；
第四：HTML5部分的Web应用开发；
以上总体来说，都是基础部分。
除此之外，还有一部分的JS框架，都是比较流行的，在此就不多说了，先把以上基础的掌握好，剩下的自然而然就知道如何学了。
@ 类型选择符用什么标记？
类选择符：自己定义的包含多条样式的集合，以“.”开头。可以在页面中重复使用该样式。如：.aaa{ ……}类型选择符：定义HTML固有标签的样式。前面不加“.”例如：p{ ……}ID选择符，和类选择符格式相同。区别在于以“#”开头,而且ID是先找到结构/内容，再给它定义样式；class是先定义好一种样式，再套给多个结构/内容例如：#aaa{ ……}通配符，顾名思意：对页面内所以标签都生效。其名称必须为“*”。例如：*{ ……}伪类：常用的有四个、即A标签里的四个状态（a:link a:visited a:hover a:active）。
其他的如:lang :focus等不常用，也存在兼容问题。
