2018年10月29日
CSS3----多列
摘要： multi-column columns:<'column-width'>宽度||<'column-count'>列数 -webkit-columns: 200px 3; -moz-columns: 200px 3; columns: 200px 3; column-width:200px colu 阅读全文
posted @ 2018-10-29 16:39 键1234 阅读(113) 评论(0) 推荐(0) 编辑
css3----animation
摘要： animation-name属性 动画的名称 keyframename/none -webkit-animation-name: circle_inner; //名字自定义 animation-name: circle_inner; animation-duration 持续时间 -webkit-a 阅读全文
posted @ 2018-10-29 15:25 键1234 阅读(175) 评论(0) 推荐(0) 编辑
CSS3----transition
摘要： transition-property none 没有属性改变 all 所有属性改变，默认值 porperty元素属性名 例子 div { width: 800px; height: 800px; margin: auto; transform: rotate(0deg); background: 阅读全文
posted @ 2018-10-29 14:50 键1234 阅读(205) 评论(0) 推荐(0) 编辑
2018年10月27日
CSS3矩阵
摘要： 矩阵matrix transform: matrix(-0.6, .8, .8, .6, 0, 0); 矩阵matrix镜像对称 matrix((1-k*k)/(1+k*k),2k/(1+k*k),2k/(1+k*k),(k*k-1)/(1+k*k),0,0) 3D矩阵 transform: mat 阅读全文
posted @ 2018-10-27 10:01 键1234 阅读(135) 评论(0) 推荐(0) 编辑
CSS3转换
摘要： 2D转换 transform 旋转rotate -webkit-transform: rotate(7deg); -moz-transform: rotate(7deg); -ms-transform: rotate(7deg); -o-transform: rotate(7deg); transf 阅读全文
posted @ 2018-10-27 09:07 键1234 阅读(146) 评论(0) 推荐(0) 编辑
2018年10月25日
css3背景和渐变
摘要： background-clip CSS3 背景图像区域 background-clip: border-box;background-clip: padding-box;background-clip: content-box; 例子： background-clip: border-box; ba 阅读全文
posted @ 2018-10-25 17:29 键1234 阅读(134) 评论(0) 推荐(0) 编辑
伪元素
摘要： first-line 根据 "first-line" 伪元素中的样式对 Element 元素的第一行文本进行格式化 "first-line" 伪元素只能用于块级元素 "first-letter" 伪元素只能用于块级元素 用于向文本的首字母设置特殊样式 ::before 在元素的内容前面插入新内容 常 阅读全文
posted @ 2018-10-25 13:53 键1234 阅读(107) 评论(0) 推荐(0) 编辑
结构类
摘要： nth-last-child(N) 匹配属于其元素的第 N 个子元素的每个元素，不论元素的类型，从最后一个子元素开始计数 nth-of-type(N) :nth-of-type(N)选择器匹配属于父元素的特定类型的第 N 个子元素的每个元素 :nth-last-of-type(N) 匹配属于父元素的 阅读全文
posted @ 2018-10-25 09:44 键1234 阅读(178) 评论(0) 推荐(0) 编辑
2018年10月24日
UI元素状态伪类
摘要： :enabled 可输入input :disabled 不可输入input :checked 单选框，复选框 选中状态 阅读全文
posted @ 2018-10-24 17:30 键1234 阅读(235) 评论(0) 推荐(0) 编辑
2018年10月23日
css3选择器
摘要： a[href] 选择所有href a[href=“#”] 指定#这个值 a[class~=“two”] 包含#的元素 a[a^=“#”] 以#开头的所有元素 a[a$=“#”] 以$结尾的所有元素 a[a*=“#”] 以*结尾的所有元素 a[a|=“#”] 选择#或者#-开头的元素 阅读全文
posted @ 2018-10-23 16:20 键1234 阅读(120) 评论(0) 推荐(0) 编辑