
H5C3
涅槃重飞
活到老,学到老
展开
-
第三天
rotateX()沿着x轴旋转,perspective:视距,给父元素加,视距越小,展示效果越明显 眼睛到物体的距离translateZ()物体往屏幕方向移动的距离,translateZ()越大,看到的物体越大,translateZ()为负值,距离眼睛越来越远,物体越来越小,不能用百分比transform-style:perserve-3d; 给父亲添加,让子盒子在父盒子中有相对的旋转空...原创 2018-08-04 19:13:19 · 164 阅读 · 0 评论 -
html5中新增的标签
1.在不支持html5新标签的浏览器里,会将这些新标签解析成行内元素解决方式:1)ie9 ~ ie11 解析h5新标签 解析错误 处理方式: 加display:block:进行转换 2)ie9以下 不能解析h5新标签 不解析 处理方案: 1) 通过document.createElement('tagName')...原创 2018-08-09 19:42:04 · 925 阅读 · 0 评论 -
第一天
伪类元素:::before ::after 必须添加content属性 默认是行级元素,如果想设置宽高必须转换成块级元素 ,无顺序。其他伪类选择器:p::first-letter :获取到p标签中第一个字符 p::first-line :获取到p标签中第一行内容 p::selection:当前选中内容的样式(背景颜色,字体颜色)属性选择器:i[cla...原创 2018-08-01 21:15:51 · 197 阅读 · 0 评论 -
背景颜色渐变的几种方式
一. 渐变色 (只能添加给background,background-image)横向渐变径向渐变重复渐变二. background background-repeat: background-attachment:原创 2018-08-02 14:15:57 · 1834 阅读 · 0 评论 -
交集选择器和后代选择器的区别
<div class="rod"> <p class="roe"></p> <p></p> <p></p></div>交集选择器:获取的是同级中的某一个p.roe{ }两个选择器之间没有空格后代原创 2018-08-02 14:15:02 · 763 阅读 · 0 评论 -
第二天
线性渐变:* background : linear-gradient(方向 , 颜色 位置)+ 方向: [to left][45deg]+ 颜色: color 10% // 可以为多组 - 径向渐变 [多用于圆形的盒子背景]* background: radial-gradient(形状 | 大小 | 坐标 ,颜色 位置, 颜色 位置 )+ 形状: [circle, ...转载 2018-08-03 09:07:01 · 122 阅读 · 0 评论 -
多列布局(multi-column)
常用属性: column-count: 属性设置列的具体个数 column-width: 属性控制列的宽度 column-gap: 两列之间的缝隙间隔 column-rule: 规定列之间的宽度、样式和颜色 column-span: 规定元素应横跨多少列(n:指定跨n列 all:跨所有列) 多列的用法:<style> *{ padd...原创 2018-08-07 18:05:58 · 4993 阅读 · 0 评论