一、媒体查询
- 1、媒体查询:能够根据设备宽度的变化,设置差异化样式; 开发常用写法 媒体特性常用写法:max-width;min-width; @media(媒体特性){ 选择器{ 样式 } }
- 2、媒体查询书写顺序:css属性有层叠性;
- 3、媒体查询-link引入
<link rel="stylesheet" media="逻辑符 媒体类型 and (媒体特性)" href="xx.css">
二、Bootsrap
-
简介Bootstrap 是由 Twitter 公司开发维护的前端 UI 框架,它提供了大量编写好的 CSS 样式,允许开发者结合一定HTML 结构及JavaScript,快速编写功能完善的网页及常见交互效果。
-
中文官网: www.bootcss.com/
-
BootStrap栅格系统是指将整个网页的宽度分成若干等份,BootStrap3默认将网页分成12等份;
-
BootStrap预定义了大量类用来美化页面,掌握手册的查找方法是学习全局样式的重点。
-
网站首页→BootStrap3中文文档→全局CSS样式→按分类导航查找目标类。