-
a标签link1自有color属性，没有继承li的color属性查看全部
-
http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html?utm_source=tuicool查看全部
-
若 （1）flex-direction:row 则用justify-content控制方向 （2）flex-direction:column 则用align-items控制方向查看全部
-
布局 ---> display: flex; 方向 ---> flex-direction: row(横)||column(竖); column时。上下 ---> align-items: flex-start||center||flex-end; row时。 左右 ---> justify-content: 同上; 倒序 ---> row-reverse 兼容加-webkit-前缀查看全部
-
box-sizing:content-box/border-box/padding-box;三种盒子模型的区别是： 1）content-box：就是传统的盒子模型，盒子的width只是元素内容的宽，不包括padding、border； 2）border-box：盒子的width包括元素内容宽、padding、border值； 3）padding-box：盒子的width包括元素内容的宽、padding值查看全部
-
border-box属ie盒子模型 （设置的宽度会默认为是容器的宽度，在里面随便折腾） content-box是w3c（设置的宽度是里面的内容，只能往外面折腾） ---------------------------------------------------------------------- 两句话解释什么是box-sizing 1. CSS2中，元素(例如div)的内边距(padding)和边框(border)会把元素自身撑大。想要个100*100px的div，都要事先计算，例如，内容80px + 内边距15px + 边框5px = 100px 2. CSS3中，新增 box-sizing 属性，如果设置元素为 box-sizing: border-box，那么元素的内边距(padding)和边框(border)不会再把元素自身撑大。例如，设置div为100*100px，那么无论div里内容、内边距、边框的宽高怎么变化，div的大小永远都是100*100px查看全部
-
“:nth-of-type(n)”选择器和“:nth-child(n)”选择器非常类似，不同的是它只计算父元素中指定的某种类型的子元素。当某个元素中的子元素不单单是同一种类型的子元素时，使用“:nth-of-type(n)”选择器来定位于父元素中某种类型的子元素是非常方便和有用的。查看全部
-
none：不显示列与列之间的分隔线。设置的分隔线宽度和颜色属性会被忽略。 hidden：不显示列与列之间的分隔线。设置的分隔线宽度和颜色属性会被忽略。 dotted：列之间的分隔线显示为圆角的矩形。圆角的半径等于分隔线宽度的一半。 dashed：列之间的分隔线显示为直角矩形组成的虚线。 solid：列之间的分隔线显示为一条笔直的直线。 double：列之间的分隔线显示为两条直线，两条直线之间有一些间隙。两条直线的宽度和间隙宽度的总和等于column-rule-width属性指定的宽度。 groove：列之间的分隔线显示为内陷浮雕效果。 ridge：列之间的分隔线显示为外凸浮雕效果。 inset：列之间的分隔线显示为内斜面效果。 outset：列之间的分隔线显示为外斜面效果。 column-rule-style属性的初始值为none。查看全部
-
需要注意的是，如果背景不是no-repeat，background-origin无效，图片会从边框开始显示。查看全部
-
::before和::after这两个主要用来给元素的前面或后面插入内容，这两个常和"content"配合使用，使用的场景最多的就是清除浮动查看全部
-
倒数五个不用一个个写啊, 直接 li:nth-last-child(-n+5) ， 写成 5-n chrome居然没效果. 因为等于或者小于0就不起作用了查看全部
-
“:nth-child(n)”选择器用来定位某个父元素的一个或多个特定的子元素。其中“n”是其参数，而且可以是整数值(1,2,3,4)，也可以是表达式(2n+1、-n+5)和关键词(odd、even)，但参数n的起始值始终是1，而不是0。也就是说，参数n的值为0时，选择器将选择不到任何匹配的元素。 经验与技巧:当“:nth-child(n)”选择器中的n为一个表达式时，其中n是从0开始计算，当表达式的值为0或小于0的时候，不选择任何匹配的元素。如下表所示：查看全部
-
column-width:auto|length auto: 元素多列的列宽由其他的属性来决定，比如由列数column-count <length>:使用固定值来设置元素的列宽，其主要由数值和长度单位来组成，只能是正值。查看全部
-
animation-direction：动画播放方向 默认：normal 向前 alternate 偶数次向前，奇数次向反方向-适用于来回重复播放查看全部
-
animation-iteration-count 动画播放次数 infinite无限次查看全部
举报
0/150
提交
取消