摘要： 关于Flex布局中的align部分说明 Flex布局中align三大属性的基础知识不会细讲，只会在这稍微回顾一下: align-items属性适用于所有的flex容器，它是用来设置每个flex元素在交叉轴上的默认对齐方式。 align-content属性只适用于多行的flex容器，并且当交叉轴上有多 阅读全文

摘要： ###1.Flex布局，也就是Flexbox的俗称，是CSS提供的用于布局的一套新属性。这一套标准是由W3C于2009年提出并制定的。 ###2.兼容性：IE10部分兼容，IE11以上包括IE11完全兼容。由于更多的浏览器都完全支持flex，所以现在Flex布局在PC端应用非常多。 IE 11 才能 阅读全文

摘要： Flex布局，也就是Flexbox的俗称，是CSS提供的用于布局的一套新属性。这一套标准是由W3C于2009年提出并制定的。 ——————————————————————————————————————————————————————————————— Flex相比其他传统的布局，能更简便、更完整， 阅读全文

摘要： 让一些不能等比自适应的元素，达到设备尺寸发生改变的时候，等比例适配当前设备。 使用媒体查询根据不同设备按比例设置html的字体大小，然后页面元素使用rem做尺寸单位，当html字体大小变化，元素尺寸也会发生变化，从而达到等比缩放的适配 ##rem 实际适配方案 按照设计稿与设备宽度的比例，动态计算并 阅读全文

摘要： #Less(Leaner Style Sheets) 它是一门CSS预处理语言，在CSS的语法基础上，引入了变量,Mixin,运算以及函数等功能，大大简化了CSS的编写，并且降低了维护成本。 Less变量 变量命名规范：必须有@为前缀，不能包含特殊字符，不能以数字开头，大小写敏感。 语法: @变量名 阅读全文

摘要： 思考？ 页面布局文字能否随着屏幕大小变化而变化？ 流式布局和flex布局主要针对与宽度布局，那高度如何设置？ 怎么样让屏幕发生变化的时候元素高度和宽度等比例缩放？ 这时就需要用到rem适配布局。 ##rem 单位 rem(root em)是一个相对单位，类似于em,em是相对于父元素的字体大小。 而 阅读全文

摘要： 链接： chrome 快捷键(【官方最全】) 摘自CSDN 作者：One__Way 阅读全文

摘要： <div></div> html代码 div { width: 0; height: 0; border-top: 10px solid red; border-right: 10px solid green; css代码 border-left: 10px solid blue; border-r 阅读全文

摘要： 1). 负边距+定位：水平垂直居中 原理：一个绝对定位的盒子， 利用 父级盒子的 50%， 然后 往左(上) 走 自己宽度的一半 ，可以实现盒子水平垂直居中。 2). 压住盒子相邻边框 原理：在盒子float浮动的同时，加上margin-left: -1px; 可以压住盒子相邻的边框。 3). 压住 阅读全文

摘要： 元素的显示和隐藏 CSS用户界面样式 vertical-align 溢出的文字隐藏 CSS精灵技术 滑动门 20.1 元素的显示和隐藏 20.1.1 display来控制显示和隐藏（重点） display: none; 隐藏对象，并且不保留位置 display: block; 除了转换为块级元素外， 阅读全文