摘要： 平面转换 改变盒子在平面内的形态（位移，旋转，缩放） 2D转换 属性: 1、 transform（跟transition搭配使用） 位移 ​transform：translate(水平移动距离，垂直移动距离)取值： 像素单位数值 百分比(参照盒子自身的尺寸) x轴正向为右，y轴正向为下​transl 阅读全文

摘要： 响应式开发 响应式需要一个布局容器，来配合子元素实现。 原理：在不同屏幕下，通过媒体查询来改变这个布局容器的大小， 再改变里面子元素的排列方式和大小，实现在不同尺寸屏幕下，看到不同的页面布局和样式 1.bootstrap 1.1是一个快速开发框架，包含有html，css，js，使web开发更快速 中 阅读全文

摘要： 基本选择器： 通配符选择器 * 元素选择器 p{} id选择器 #id值{} 类选择器 .class值{}复合选择器 后代选择器 .main p{} 子代选择器 .main>p{} 群集选择器 body,html{} 交集选择器 li.active{} 从li标签中选择class="active" 阅读全文

摘要： 1、line-height=width实现垂直居中方法：对具有文字的盒子以及图片有作用。 2、记住块级盒子默认宽度为父级盒子的宽度。 3、设置第一行head时，可以将a链接转换为块级元素，再进行高度、宽度、padding 、margin的设置，以及line-height=height实现（带有文字） 阅读全文

摘要： 媒体查询 使用@media查询，可以针对不同的屏幕尺寸设置不同的样式，当重置浏览器大小的过程中，页面也会根据浏览器的宽度和高度重新渲染页面 语法： @media not|only mediatype and (mediafeature and|or|not mediafeature) { CSS-C 阅读全文

摘要： px: px是绝对单位，rem和em是相对单位 em: em是相对于自身元素的字体大小单位，特例font-size相对父元素 em缺点：页面里面的嵌套父元素太多，不好统一控制 rem: rem是相对于html元素的字体大小单位，如html设置font-size=12px，其他元素设置width：2r 阅读全文

摘要： 视口理解 定义：浏览器显示页面内容的屏幕区域，可以分为布局视口，视觉视口和理想视口 布局视口：是网页布局的区域，也是 html 元素的父容器 视觉视口：一个手机屏幕可以看到的所有区域，说白了就是手机屏幕大小 理想视口：元素大小是合适的，比如文字，图片等，实现方式，只需要添加<meta>视口标签告知浏 阅读全文

摘要： 新增标签 <!-- 1:更简洁 --> <img /> <!-- 2 标签语义化 --> <div></div> <span></span> <header>头部</header> <footer>底部</footer> <main>主体</main> <nav>导航连接</nav> <sectio 阅读全文

摘要： 光标类型 设置鼠标光标在元素上显示的样式 cursor default 默认值，通常是箭头pointer 小手效果，提示用户可以点击text 工字型，提示用户可以选择文字move 十字光标，提示用户可以移动 边框圆角 让盒子四个角变得圆润 border-radius: 数字+px/百分比； over 阅读全文

摘要： 阿里字体图标 https://www.iconfont.cn/ 查找图标 > 把图标添加入库 >点购物车-->下载代码 vertical-align 垂直对齐方式 基线:浏览器文字类型元素排版中存在用于对齐的基线 作用： 解决行内/行内块元素垂直对齐问题 项目中解决得问题: 图片和文字得垂直对齐 文 阅读全文