03 2022 档案

使用媒介查询设置字体尺寸
摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>rem and media queries</title> <meta name="viewport" content="user-scalable=no, initial-sca 阅读全文
posted @ 2022-03-22 19:46 33的男孩 阅读(75) 评论(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="wi 阅读全文
posted @ 2022-03-22 19:45 33的男孩 阅读(56) 评论(0) 推荐(1) 编辑
适用所有设备的响应式布局
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2022-03-22 19:44 33的男孩 阅读(25) 评论(0) 推荐(1) 编辑
阴影触摸显示
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2022-03-22 19:36 33的男孩 阅读(26) 评论(0) 推荐(1) 编辑
边框阴影闪动
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2022-03-22 19:34 33的男孩 阅读(24) 评论(0) 推荐(1) 编辑
旋转风车
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2022-03-22 19:32 33的男孩 阅读(35) 评论(0) 推荐(1) 编辑
动画充电
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2022-03-22 19:31 33的男孩 阅读(91) 评论(0) 推荐(1) 编辑
弹框遮盖
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2022-03-22 09:31 33的男孩 阅读(14) 评论(0) 推荐(1) 编辑
位置阴影翘角
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2022-03-22 09:30 33的男孩 阅读(27) 评论(0) 推荐(1) 编辑
瀑布流布局
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2022-03-16 09:40 33的男孩 阅读(38) 评论(0) 推荐(0) 编辑
栅格系统
摘要：Document <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" co 阅读全文
posted @ 2022-03-14 08:59 33的男孩 阅读(14) 评论(0) 推荐(0) 编辑
显示动态系统时间
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>使用JS和HTML5实现动态显示系统时间</title> <style type="text/css"> #time { font-weight: bold; color: red 阅读全文
posted @ 2022-03-14 08:56 33的男孩 阅读(32) 评论(0) 推荐(0) 编辑
回到顶部
摘要：固定定位 固定定位 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>固定定位</title> <style type="text/css"> body { height: 3000px; } #top { width: 50px 阅读全文
posted @ 2022-03-14 08:53 33的男孩 阅读(55) 评论(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="wi 阅读全文
posted @ 2022-03-14 08:50 33的男孩 阅读(38) 评论(0) 推荐(0) 编辑
flex设置元素垂直剧中对齐
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2022-03-14 08:46 33的男孩 阅读(247) 评论(0) 推荐(0) 编辑
flex布局制作导航栏
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2022-03-14 08:40 33的男孩 阅读(422) 评论(0) 推荐(0) 编辑
flex图文列表
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2022-03-14 08:39 33的男孩 阅读(47) 评论(0) 推荐(0) 编辑
flex输入框布局
摘要：Document 图 search <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="vie 阅读全文
posted @ 2022-03-14 08:37 33的男孩 阅读(74) 评论(0) 推荐(0) 编辑
flex圣杯布局
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2022-03-14 08:32 33的男孩 阅读(38) 评论(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="wi 阅读全文
posted @ 2022-03-11 08:42 33的男孩 阅读(20) 评论(0) 推荐(0) 编辑
利用CSS3画图
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2022-03-04 10:57 33的男孩 阅读(41) 评论(0) 推荐(0) 编辑
App网页
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2022-03-04 09:30 33的男孩 阅读(113) 评论(0) 推荐(0) 编辑
隔行换色
摘要：Documen <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" con 阅读全文
posted @ 2022-03-02 19:52 33的男孩 阅读(19) 评论(0) 推荐(1) 编辑
Cookies用户登录
摘要：Document 用户登录 账号: 密码: 保存密码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta 阅读全文
posted @ 2022-03-02 18:59 33的男孩 阅读(47) 评论(0) 推荐(0) 编辑
IndexedDB-增删数据
摘要：IndexedDB IndexedDB 编号名称价格删除 商品信息 名称 价格 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>IndexedDB</title> </head> <body> <h1>IndexedDB </h 阅读全文
posted @ 2022-03-02 11:18 33的男孩 阅读(38) 评论(0) 推荐(1) 编辑