摘要：
JS三个组成部分 ECMAScript 基础语法 DOM 标签 BOM 浏览器 JS的三种写法 1 <body> 2 <!-- script 双标签内 有一个src属性引入外部文件 --> 3 <script src=""></script> 4 <script> 5 // 执行代码 6 </scr 阅读全文
posted @ 2021-05-06 20:49
一水州
阅读(142)
评论(0)
推荐(0)
摘要：
响应式布局靠的是媒体查询 1 <style> 2 *{ 3 margin:0; 4 padding:0; 5 } 6 div{ 7 width: 100%; 8 height: 200px; 9 } 10 /* 媒体查询关键字 @media */ 11 /* a>1200 */ 12 @media 阅读全文
posted @ 2021-05-06 20:38
一水州
阅读(280)
评论(0)
推荐(0)
摘要：
弹性盒 容器： 可以理解为父元素 一定是给容器设置弹性盒属性display:flex; 项目：可以理解为子元素 就是被容器承装的元素 主轴：可以理解为X轴 就是项目在容器中排列的方向，默认是X轴 （可以设置Y轴为主轴的） 垂直交叉轴： 可以理解为Y轴 就是项目垂直的位置 默认是Y轴 (可以更改的 ) 阅读全文
posted @ 2021-05-06 20:23
一水州
阅读(201)
评论(0)
推荐(0)
摘要：
背景属性 1 <style> 2 div{ 3 width: 400px; 4 height: 400px; 5 padding:100px; 6 border:50px solid rgba(0,0,0,0.5); 7 background: url(../images/1.jpg); 8 /* 阅读全文
posted @ 2021-05-06 20:12
一水州
阅读(149)
评论(0)
推荐(0)
摘要：
用css背景和轮播同步 1 <style> 2 *{ 3 margin:0; 4 padding:0; 5 } 6 #banner{ 7 width: 100%; 8 /* 由版心撑开 */ 9 animation: bgLunbo 4s linear infinite; 10 } 11 /* 创建 阅读全文
posted @ 2021-05-06 19:59
一水州
阅读(186)
评论(0)
推荐(0)
摘要：
变换 1 <style> 2 div{ 3 width: 400px; 4 height: 400px; 5 border:5px solid #f00; 6 overflow: hidden; 7 } 8 div img{ 9 width: 100%; 10 height: 100%; 11 /* 阅读全文
posted @ 2021-05-06 19:48
一水州
阅读(139)
评论(0)
推荐(0)
摘要：
1 <form action="" method="" name="" id=""> 2 <!-- 表单字段集 --> 3 <fieldset> 4 <!-- 表单字段集标题 --> 5 <legend>表单综合</legend> 6 7 <!-- 1、文本框 --> 8 <input type=" 阅读全文
posted @ 2021-05-06 19:16
一水州
阅读(87)
评论(0)
推荐(0)
浙公网安备 33010602011771号