七.H5C3新特性
庚中
这个作者很懒,什么都没留下…
展开
-
H5C3新特性总结(一)
一.H5新增了布局标签1.新增了布局的属性新增的属性: header:头部区域 nav: 导航区域 main: 主体区域 section:小区域 aside:边栏 ar...原创 2018-11-25 21:30:26 · 9023 阅读 · 1 评论 -
H5C3新特性总结(四)
一.弹性布局总结:1.弹性布局介绍:会让子元素在主轴方向依次排列(相当于可以把子元素转为行内块元素);2.弹性布局使用:先在父盒子上开启display: flex(这句话意思是让子元素用弹性布局); 2.1加在父元素身上的属性:justify-content:设置元素在主轴方向的排列方式 flex-start:在主轴起点对齐 flex-en...原创 2018-11-29 20:20:19 · 493 阅读 · 0 评论 -
H5C3新特性总结(二)
一.径向渐变radial-gradient 不管是线性渐变(总结一有介绍)还是径向渐变,都是相当于当作背景图片来处理的,案例如下: background-image: radial-gradient(100px at center,red 30%,green 30%,green 60%,blue 60%);说明:参数1:指圆的大小(指半径)和圆心的位置(水平和垂...原创 2018-11-27 12:54:43 · 862 阅读 · 0 评论 -
H5C3新特性总结(三)
一.跟目标元素有关的拖拽事件 1.ondragenter:代表有元素拖进来触发,只触发一次,进来一次触发一次 2.ondragleave:代表有元素从我这离开触发,只触发一次,出去一次触发一次 3.ondragover: 代表有元素在我的范围内不断触发(一般用这个事件只是为了配合ondrop使用,在里面阻止事件默认行为让...原创 2018-11-28 20:39:27 · 715 阅读 · 0 评论 -
CSS工作技巧总结
1. 让文字一行显示 /* 让文字一行显示 */ word-break: keep-all; white-space: nowrap;2. 字体让它小于12px; /* 字体让它小于12px */ transform: scale(0.8);原创 2019-05-15 14:38:09 · 239 阅读 · 0 评论