- 博客(7)
- 收藏
- 关注
原创 移动WEB开发之流式布局
视口就是浏览器显示页面内容的屏幕区域视口分为布局视口、视觉视口和理想视口我们移动端布局想要的是理想视口就是手机屏幕有多宽,我们的布局视口就有多宽想要理想视口,我们需要给我们的移动端页面添加 meta视口标签。
2024-04-07 09:16:32
775
原创 HTML5和CSS3提高
1.音频标签和视频标签使用方式基本一致2.浏览器支持情况不同3.谷歌浏览器把音频和视频自动播放禁止了4.我们可以给视频标签添加 muted 属性来静音播放视频,音频不可以(可以通过JavaScript解决)5.视频标签是重点,我们经常设置自动播放,不使用 controls 控件,循环和设置大小属性。
2024-03-17 15:27:27
719
原创 css高级技巧
当网页需要图片时,浏览器就会向服务器请求图片,但如果多个网页同时请求时每个网页又都有很多照片时,就会对服务器产生很大压力。一个网页中往往会应用很多小的背景图像作为修饰,当网页中的图像过多时,服务器就会频繁地接收和发送请求图片,造成服务器请求压力过大,这将大大降低页面的加载速度。
2024-03-09 19:36:22
697
原创 css定位
1.某个元素可以自由的在一个盒子内移动位置,并且压住其他盒子。2.在滚动窗口时,盒子是固定在屏幕的某个位置的。以上效果,标准流或浮动都无法快速实现,此时需要定位来实现。所以:1. 浮动可以让多个块级盒子一行没有缝隙排列显示, 经常用于横向排列盒子。2. 定位则是可以让盒子自由的在某个盒子内移动位置或者固定屏幕中某个位置,并且可以压住其他盒子。1.2定位组成:将盒子定在某一个位置,所以定位 = 定位模式 + 边偏移。定位模式用于指定一个元素在文档中的定位方式。边偏移。
2024-03-03 16:48:39
712
原创 浏览器对html文件和css文件是如何加载的
一个网页由三部分组成:html文件,css文件,js文件。这些文件负责不同的分工构建出多种多样的网页,HTML文件可以说是起到骨架作用,css文件为网页设置了多种样式,js文件为用户处理了多个页面交互和通信。
2024-02-26 21:41:27
292
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人