文章分类 - html

attr和prop区别

摘要：css()操作的是标签的宽、高、背景色、display、font-size，font-weight等 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> div{ width: 200px; hei 阅读全文

posted @ 2021-12-21 11:15 zlloiiyt 阅读(34) 评论(0) 推荐(0) 编辑

window.noload与$(document).ready()区别

摘要：window.onload: 1.只能有一个监听回调函数 2.页面加载完成后（包括图片等）才回调 $(document).ready()： 1.可以有多个监听回调函数 2. 页面加载完成后（不包括图片等）才回调 <!DOCTYPE html> <html> <head> <meta charset= 阅读全文

posted @ 2021-12-21 10:49 zlloiiyt 阅读(30) 评论(0) 推荐(0) 编辑

使用怪异盒模型及弹性盒制造移动端（仿京东）

摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> .box{ width: 300px; height: 120px; border: 1px solid black; margin: 100px 阅读全文

posted @ 2021-12-16 11:23 zlloiiyt 阅读(30) 评论(0) 推荐(0) 编辑

css3中新增弹性盒

摘要：弹性盒是一种布局方式，特别适合移动端布局父盒子加上display:flex 1.子元素默认横向排列 2.子元素如果是行内元素，变成了块级元素 3.如果子元素只有一个，子元素加上margin:auto;可以使子元素在水平和垂直方向居中 1.子元素默认横向排列 <!DOCTYPE html> <html 阅读全文

posted @ 2021-12-16 10:11 zlloiiyt 阅读(31) 评论(0) 推荐(0) 编辑

表单优化，提高用户体验

摘要：<form> 用户名：<input type="text" name="username" autofocus placeholder="请输入用户名"/> <br> 邮箱：<input type="email" name="email" placeholder="请输入邮箱"> </form> 给阅读全文

posted @ 2021-12-15 10:54 zlloiiyt 阅读(50) 评论(0) 推荐(0) 编辑