- 博客(6)
- 收藏
- 关注
原创 relative定位特点
ps:若大div没有指定定位,小div的absolute绝对定位以整个页面为参照;若大div制定了relative,小div以当前大div为参照。translate() 标签位置平移。rotate() 旋转角度。scale() 标签缩放。perspective() 透视距离。transform变换(x,y)1.未脱离页面常规流。2.以盒子模型为参照。
2024-01-02 19:04:22
321
1
原创 <table>标签
当为表格标签<table>同时设置width,height和cellpadding属性时,cellpadding属性的显示效果不会太明显,所以一般在未给表格设置width和height属性的情况下测试cellpadding属性。
2024-01-02 18:58:41
339
1
原创 浏览器对视频和音频的格式兼容性
虽然HTML5支持OGG、MPEG4和WEBM这三种视频格式,以及OGG、MP3和WAN这三种音频格式,但并不是所有的浏览器都支持这些格式,因此在嵌入视频和音频时,要考虑浏览器的兼容性问题。为了保证不同格式的视频、音频能够在各浏览器中正常播放,往往需要提供多种格式的视频、音频共浏览器选择。type属性:用于指定媒体文件的类型和格式。其中,媒体文件类型可以为"video"或"audio",格式为视频或音频的格式。<source src="视频文件地址" type="媒体文件类型/格式">
2023-12-30 13:58:57
602
原创 自动播放属性
谷歌浏览器增加了对自动播放的限制,添加了autoplay="autoplay样式后再正常情况下加载页面,视频是无法自动播放的,需要为标签添加muted属性,该属性用于设置视频静音,设置muted属性后,嵌入的视频才具有autoplay属性,可以静音自动播放。也可打开浏览器的设置页面,打开浏览器自动播放视频的权限来实现自动播放效果。
2023-12-30 13:45:12
438
原创 浏览器私有前缀
浏览器私有前缀是区分不同内核浏览器的标识。由于W3C每提出一个新属性,都需要经过耗时且复杂的标准定制流程,在标准还未确定时,部分浏览器已经根据最初草案实现了新属性的功能,为了与之后确定的标准进行兼容,各浏览器使用了自己的私有前缀与标准进行区分,当标准确立后,各大浏览器再逐步支持不带前缀的CSS3新属性。现在很多的新版本浏览器都可以很好地兼容CSS3的新属性,故很多私有前缀可以不写,但为了兼容老版本的浏览器,仍可以使用私有前缀。-webkit- 谷歌浏览器、Safari浏览器。-ms- IE浏览器。
2023-12-30 13:35:55
368
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人