摘要：
概述 JavaScript简称js，用于用户与浏览器行为交互、浏览器与服务器的数据交互 ECMAScript js的版本，是js语言的标准。 例子 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-eq 阅读全文
posted @ 2022-10-23 16:25
ben10044
阅读(20)
评论(0)
推荐(0)
摘要：
简述 电脑端和手机端的宽度不同，照片用固定的尺寸如300px显示到手机端中，会造成显示过大的问题 可以计算图片占页面的宽度的百分比来设置图片的大小，如果width:26% 但这样每张照片都要计算百分比就很麻烦，可以用rem单位解决这个问题 单位概述 px：像素 em：相对于父级的font-size值 阅读全文
posted @ 2022-10-22 17:18
ben10044
阅读(274)
评论(0)
推荐(0)
摘要：
简述 用同一套代码上不同设备上显示不同适配的效果，且能自适应页面宽度。如https://v3.bootcss.com/ 而baidu.com就不是响应式页面，首先它不能自适应页面宽度，然后它虽然在切换设备显示不同的效果 但原理是监听设备切换合适的代码，不是同一套代码 媒体查询 通过@media定义样 阅读全文
posted @ 2022-10-22 16:32
ben10044
阅读(53)
评论(0)
推荐(0)
摘要：
概述 flex布局是一维布局，grid是二维布局。 flex考虑的是项目按行或列布局，grid需要同时考虑行和列 应用场景 左边的列表用flex布局实现更加简单，而右边整体的布局由grid来实现更适合。 grid容器 <!DOCTYPE html> <html lang="en"> <head> < 阅读全文
posted @ 2022-10-20 17:37
ben10044
阅读(116)
评论(0)
推荐(0)
摘要：
概述 此前我们制作的所有网页都是基于盒子模型和浮动布局完成的 今天学习flex布局，又叫弹性布局(或者叫弹性盒子布局) 这是一种更先进的布局方式，可以让网页布局更简洁，更易于维护。 将元素设置成display:flex;元素会变成一个flex容器，容器内部的元素称为flex元素或flex项目（fle 阅读全文
posted @ 2022-10-19 16:27
ben10044
阅读(254)
评论(0)
推荐(0)
摘要：
应用场景 嵌入到网页中运行，实现一些动态效果，表单验证，操作cookie，操作DOM等 使用方法 外部方式 在body内使用scipt标签 index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta 阅读全文
posted @ 2022-10-14 18:08
ben10044
阅读(36)
评论(0)
推荐(0)
摘要：
动画属性animation <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewpor 阅读全文
posted @ 2022-10-14 10:22
ben10044
阅读(58)
评论(0)
推荐(0)
摘要：
概述 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content= 阅读全文
posted @ 2022-10-13 16:17
ben10044
阅读(54)
评论(0)
推荐(0)
摘要：
CSS3新特性 圆角：border-radius radius:半径 四个值是顺时针的顺序 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>demo</title> <style> .pill{ width: 阅读全文
posted @ 2022-10-12 16:18
ben10044
阅读(56)
评论(0)
推荐(0)
摘要：
html5 html5是html的第5个版本，简称h5 html5新特性 布局元素 布局元素相当于一个有语义的div标签，但不加样式就还是相当于一个普通的div 和之前没什么不同，布局元素就是更规范化了，产生的效果看样式。 header：网页头部 红线框住的区域就是网页的头部 h5之前，要表示一个头 阅读全文
posted @ 2022-10-12 09:57
ben10044
阅读(90)
评论(0)
推荐(0)
浙公网安备 33010602011771号