-
如果flex-direction设置为row，设置justify-content控制方向； justify-content:flex-start 左 justify-content:flex-end 右 justify-content:center 居中 如果设置为column，设置align-items控制方向。 align-items:flex-start 左 align-items:flex-end 右 align-items:center 居中查看全部
-
box-sizing:content-box/border-box/padding-box;三种盒子模型的区别是： 1）content-box：就是传统的盒子模型，盒子的width只是元素内容的宽，不包括padding、border；(内容盒宽度) 2）border-box：盒子的width包括元素内容宽、padding、border值；（最外围的边框盒宽度，如果计算里面的内容盒宽度要减去边框和padding） 3）padding-box：盒子的width包括元素内容的宽、padding值（貌似被浏览器废弃，参考mdn的文档：https://developer.mozilla.org/en-US/docs/Web/CSS/box-sizing，最下面的兼容性里写了，ff从50.0版本开始把这个取值移除了。）查看全部
-
CSS3 跨列设置column-span column-span主要用来定义一个分列元素中的子元素能跨列多少。column-width、column-count等属性能让一元素分成多列，不管里面元素如何排放顺序，他们都是从左向右的放置内容，但有时我们需要基中一段内容或一个标题不进行分列，也就是横跨所有列，此时column-span就可以轻松实现，此属性的语法如下。 column-span: none | all查看全部
-
column-rule主要是用来定义列与列之间的边框宽度、边框样式和边框颜色。简单点说，就有点类似于常用的border属性。但column-rule是不占用任何空间位置的，在列与列之间改变其宽度不会改变任何列的位置。 e.g:column-rule: 2px dotted green; 类似于分隔线查看全部
-
column-width 设置的宽度是最小宽度 假设div宽度是900，设置的column-width是200，若此时未指定column-count，则按照每列200宽度开始将div铺满，但是我们会发现4列后剩下宽度不够200了，这个时候进行内容自适应，即column-count为4，将900宽度均分为4列，每列宽度会大于200。 假设div宽度是900，设置的column-width是200，此时指定column-count为3，则按照column-count，将900宽度均分为3列，每列宽度会大于200。 假设div宽度为500， 设置的column-width是200，此时指定column-count为3， 则按照每列200宽度开始将div铺满，2列后剩下宽度不够200了，这个时候会自动改变column-count，即column-count为2，将500宽度均分为2列，每列宽度会大于200。查看全部
-
至于为什么，W3C的标准盒模型中，内容、内边距和边框变化会把元素撑大，而传统IE盒模型中则没有这个问题： box-sizing:content-box，按W3C的盒子模型计算，内容+内边距+边框=元素大小 这是搭积木，三块积木搭出一个房子，任何一块积木大小变化了，房子结构就不稳定了，表现为把元素撑大 box-sizing:border-box，按传统IE盒子模型计算，元素大小=内容+内边距+边框 这是盖房子，事先定好尺寸，盖好一个房子，里边放三块积木，随便你们三个怎么变化，只要不超过房子的大小，随你们折腾查看全部
-
我: box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式]; 我: 注意：inset 可以写在参数的第一个或最后一个，其它位置是无效的。 我: 1、多个阴影用逗号隔开； 2、投影方式默认（省略时）为外部（outset）； 3、内部阴影设置inset即可。inset 可以写在参数的第一个或最后一个，其它位置是无效的。查看全部
-
666 阴影效果可以简化很多前端设计过程查看全部
-
@font-face @是作为哪些样式的命名的前缀查看全部
-
text-overflow:ellipsis; overflow:hidden; white-space:nowrap;查看全部
-
.nav li{background:linear-gradient(to bottom,#dd2926,#a82724,#dd2926) no-repeat right / 1px 15px;} 分割线另一种方法：背景渐变查看全部
-
translform-origin改变原点位置对使用skew进行x,y轴扭曲没有任何影响（纯数学知识）查看全部
-
“:first-of-type”选择器类似于“:first-child”选择器，不同之处就是指定了元素的类型,其主要用来定位一个父元素下的某个类型的第一个子元素。查看全部
-
p{ display:none; } #brand:target p { display:block; background: orange; color: #fff; }查看全部
-
box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式];查看全部
举报
0/150
提交
取消