一. 认识WEB 二. HTML基础 3. 字符集 三. CSS选择器 四. CSS的三大特性 五. CSS布局问题与边框阴影样式 一. 认识WEB 二. HTML基础 3. 字符集 utf-8是目前最常用的字符集编码方式，常用的字符集编码方式还有gbk和gb2312。 一个是…

把网站里面的小图标有规则的整合在一起，利用 background-position 改变背景图的位置，每个图标应用。

第一次浏览器大战发生在上个世纪90年代，微软发布了它的IE浏览器，和网景公司的Netscape Navigator浏览器大打出手。 第二次浏览器大战发生在20世纪。 CSS Bug: CSS样式在各浏览器中解析不一致的情况，或者说CSS样式在浏览器中不能正确显示的问题称为CSS…

Grid 布局与 Flex 布局有一定的相似性，都可以指定容器内部多个项目的位置。但是，它们也存在重大区别。 Flex 布局是轴线布局，只能指定"项目"针对轴线的位置，可以看作是一维布局。 Grid 布局则是将容器划分成"行"和"列"，产生单元格，然后指定"项目所在"的单元格，…

工作中我们常见的视觉稿大小大至可为640、750、1125三种。不过flexible.js并没有限制只能用这三种，所以你还可以根据自身情况来调整，具体如何转换，我们以视觉稿为640px的宽来举例子，把640px分为100份，每一份称为一个单位a，那么每个a就是6.4px，而1r…

移动端项目准备工作meta标签的设置重点设置分辨率，PPi,DPI,DPR,物理像素，逻辑像素区别以iphone6为例：对于这样的css样式：常见单位1、px2、em3、rem4、vwvh本文摘自知乎

媒体查询语法设备类型(默认值为all)关键字常见适配范围本文摘自知乎号：千锋HTML5学院原文链接：HTMLCSS学习笔记（十九）--媒体查询

常见的布局方案常见响应式布局方案（1）模块中内容：挤压－拉（布局不变）（2）模块中内容：换行－平铺（布局不变）（3）模块中内容：删减－增加（布局不变）（4）模块位置变换（布局改变）（5）模块展示方式改