摘要: CSS3新增布局: 多列布局: 多列布局: 主要控制大篇幅文本 多列: 1.设置列数: column-count:number; number:表示数值,不用单位 2.设置列宽: column-width:value; value:数值,加单位,表示最小的列宽 3.列宽和列数的复合属性: colum 阅读全文
posted @ 2022-08-21 09:41 TTender 阅读(13) 评论(0) 推荐(0) 编辑
摘要: 3D: 3D:立体空间 x轴:水平方向 y轴:垂直方向 z轴:垂直于x,y轴 1.开启3D空间: transform-style:; float 默认值,开启2d空间 preserve-3d 开启3d空间 给父元素开启3d空间 2.3d中变形属性的设置: 位移: transform:translat 阅读全文
posted @ 2022-08-21 09:40 TTender 阅读(15) 评论(0) 推荐(0) 编辑
摘要: C3新增属性扩展: 穿透效果: pointer-events:none; 通过自身访问被盖住的内容 盒子阴影: 给元素添加的阴影: box-shadow:; h-shadow 水平阴影的位置,必选 v-shadow 垂直阴影的位置,必选 blur 模糊的距离,可选 spread 阴影的大小,可选 c 阅读全文
posted @ 2022-08-21 09:39 TTender 阅读(20) 评论(0) 推荐(0) 编辑
摘要: CSS3选择器: 1.属性选择器:通过属性,属性值,结构 选择器[attr]{属性:属性值;} 匹配具有attr的元素 选择器[attr="value"] 匹配具有attr的属性,并且属性值为value的元素 选择器[attr^="value"] 以value开头的元素 选择器[attr$="val 阅读全文
posted @ 2022-08-21 09:38 TTender 阅读(19) 评论(0) 推荐(0) 编辑
摘要: H5新增标签: H5新增的语义化标签:(双标记) 1.header 整个页面的头部 2.main 主要部分ie不兼容 3.section页面中的一个区块 4.footer 结尾区 5.nav 导航链接 6.article上下文无关的区域 7.aside 与article相关的辅助信息 8.hgrou 阅读全文
posted @ 2022-08-21 09:36 TTender 阅读(22) 评论(0) 推荐(0) 编辑
摘要: 图片整合,精灵图,雪碧图: 什么是图片整合: 1.把小的图片整合到一个大的图片上 为什么要图片整合: 优点: 较少对服务器的请求次数 减少图片的内存 增加页面的加载速度 缺点: 整合过程麻烦 使用过程中适应性较差 定位繁琐 可维护性差 怎么使用图片整合: 通过background-position实 阅读全文
posted @ 2022-08-21 09:35 TTender 阅读(18) 评论(0) 推荐(0) 编辑