![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
H5与CSS3
柯柯来康康
这个作者很懒,什么都没留下…
展开
-
CSS遇到的一些注意点
1、关于height:100%和height:100vh的区别 vh 也就是 viewpointheight ,作用是设置高度跟屏幕一样,宽度不用设置,自适应 vh 就是当前整块屏幕可视高度的1%,也就是说 height:100vh 相当于 height:100%; 但是当元素没有内容时候,设置height:100%,该元素不会被撑开,此时高度为0, 但是设置height:100vh,该元素会被撑开屏幕高度一致。 2、弹性布局(display:flex) #wrapper{ ...原创 2020-10-19 00:45:13 · 147 阅读 · 0 评论 -
新增H5与CSS3知识笔记4
浏览器私有前缀(了解) 1、作用:为了兼容老版本的写法。 -moz代表firefox浏览器私有属性, -ms代表ie浏览器私有属性, -webkit代表safari、chrome私有属性, -o-表示欧朋浏览器私有属性 2、最新版本的浏览器不用写。例如:比较新版本的浏览器都支持直接写:border-radius。 ...原创 2020-10-18 00:36:33 · 125 阅读 · 0 评论 -
新增H5与CSS3知识笔记3
CSS3的2D转换以及3D转换 2D转换 转换(transform)是CSS3具有颠覆性的的特征之一,可实现元素的位移、旋转、缩放等效果 移动 transform (1)语法: transform:translate(x,y);或者分开写 transform:translateX(n) transform:translateY(n) (2)重点: 定义2D转换中的移动,沿着X和Y轴移动元素 translate最大的优点是:不会影响其他元素的位置 translate中的百分比单位是原创 2020-10-18 00:34:28 · 230 阅读 · 0 评论 -
新增H5与CSS3知识笔记2
CSS部分 CSS3属性选择器(类选择器、属性选择器、伪类选择器,权重都为10) 类选择器 属性选择器 选择符 简介 E[att] 选择具有att属性的E元素 E[att="val"] 选择具有att属性且属性值等于val的E元素 E[att^="val"] 匹配具有att属性、且以val开头的E元素 E[att$="val"] 匹配具有att属性、且以val结尾的E元素 E[att*="val"] 匹配具有att属性、且值中含有val的E元素原创 2020-10-18 00:35:40 · 90 阅读 · 0 评论 -
新增H5与CSS3知识笔记1
H5部分: 音频audio标签 属性 值 描述 autoplay autoplay 如果出现该属性,则音频就绪后马上播放 controls controls 如果出现该属性,则向用户显示控件,比如播放按钮 loop loop 如果出现该属性,则每当音频结束时重新开始播放 src url 要播放的音频的URL <body> <!-- 谷歌,火狐都是禁用自动播放属性的 而且不同浏览器支持不同音原创 2020-10-18 00:36:21 · 72 阅读 · 0 评论