css3深入，深入浅出css

HTML5+CSS3新手怎么学习

学习的书一大堆，但对于0基础的初学者，应该先有模糊的概念，再深入理解。可以先把W3School里的或MSDN里的HTMl和CSS知识都过一遍，实在不懂的就跳过，保存热忱，然后再读更丰富的书加深理论。

HTML + CSS 这部分建议在 W3school 在线教程 上学习，边学边练，每章后还有小测试。 之后可以模仿一些网站做些页面。

了解项目管理，模块分配，项目时间预估；了解产品周期，参与团队协作；综合运用HTML+CSS，JS，JQ，JQUERY UI， jquery easyui等技术，完成大型PC端项目开发。

相关问答

Q1: 【CSS】深入探究rem响应式原理

首先css3规定1rem = html根节点的font-size，rem也就是root em简写。 为了方便计算通常设置根节点font-size = 100px 那么 1rem = 100px 核心思想： 百分比布局可实现响应式布局，而rem相当于百分比布局。

弹性盒模型布局flex 这种布局方式是通过css3新增的一些辅助布局的样式属性来制作布局的方式。rem布局 rem是一种相对长度单位，通过这个长度单位可以实现元素宽高等比例缩放，从而完成不同宽度屏幕的适配。

CSS3新增的一个相对单位rem（root em，根em）。rem是相对于根节点（或者是html节点）。

rem： CSS3新增的一个相对单位。 rem 是相对于根元素，通过它既可以做到只修改根元素就成比例地调整所有字体大小，又可以避免字体大小逐层复合的连锁反应。

至于rem，是为了让这个页面所有使用rem作为长度单位的元素都可以随页面根元素（通常是指html或body）的字体大小而自动调整，这样的话只需要改变根元素的字体大小，就可以实现改变整个页面外观的目的，通常用于响应式页面布局。

EM是相对于其父元素来设置字体大小的，这样就会存在一个问题，进行任何元素设置，都有可能需要知道他父元素的大小。而Rem是相对于根元素，这样就意味着，我们只需要在根元素确定一个参考值。

Q2: CSS3中:nth-child和:nth-of-type的区别深入理解

1、nth-child(n){}/*匹配第n个子元素，可以是表达式，也可以是系统自带属性，如odd，even*/a：nth-of-type(n){}/*同上，不同点在于匹配所有子元素，nth-of-type匹配某个特定子元素*/常用是这些伪类。

2、css伪类的定义 由于css1中伪类和伪元素的定位并无区别，所以我们直接引用css3中对于伪类的定义（引入来源w3c）定义：引入伪类概念是用于选择不存在于DOM树中的信息或那些不能够通过常规css选择器得到的信息。

3、注意区别nth-child(n)E：last-child E：first-of-type E：last-of-type E：only-child E：only-of-type E：empty 另外，使用前要考虑浏览器版本，新增css3选择器存在兼容性问题。平时多多练习，多动手。

css3深入的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于深入浅出css、css3深入的信息别忘了在本站进行查找喔。