HTML5+CSS3
HTML CSS 学习笔记
A_bad_horse
不积跬步,无以至千里!
展开
-
CSS - flex:1 (转)
flex:1 到底代表什么?原创 2022-03-10 15:48:07 · 234 阅读 · 0 评论 -
CSS - height vs line-height (转)
真正的能理解CSS中的line-height,height与line-height原创 2022-03-10 15:47:02 · 255 阅读 · 0 评论 -
通信 - WebSocket
转载SpringBoot Websocket 实战HTML5 WebSocket原创 2021-03-11 11:30:44 · 88 阅读 · 0 评论 -
HTML5 - improve
view{$)*10 + tab <view>1</view><view>2</view><view>3</view><view>4</view><view>5</view><view>6</view><view>7</view><view>8</view><view>9</..原创 2021-01-25 10:00:11 · 127 阅读 · 0 评论 -
http请求路径处理特殊字符
http请求中包含路径时,需要注意http对此有严格的限制。特殊字符诸如+?%#&=/等都会被当做转义字符处理,特殊字符处理规则如下:空格 用%20代替" 用%22代替# 用%23代替% 用%25代替&用%26代替( 用%28代替) 用%29代替+ 用%2B代替, 用%2C代替/ 用%2F代替: 用%3A代替; 用%3B代替< 用%3C代替= 用%3D代替> 用%3E代替? 用%3F代替@ 用%40代替\ 用%原创 2020-11-04 13:51:38 · 6766 阅读 · 0 评论 -
浏览器解析HTML流程
原创 2020-04-15 12:20:36 · 183 阅读 · 0 评论 -
Web Workers 入门学习
什么是Web Workers?Web Workers是HTML5提供的一个JavaScript多线程解决方案。实例说明<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width...原创 2020-04-15 11:41:30 · 364 阅读 · 0 评论 -
HTML5+CSS3 学习笔记 18
视频资源:https://www.bilibili.com/video/BV14J4114768?from=search&seid=3842566320098741425视频记录327-356index.html<!DOCTYPE html><html lang=...原创 2020-04-09 17:26:08 · 1532 阅读 · 0 评论 -
HTML5+CSS3 学习笔记 17
视频资源:https://www.bilibili.com/video/BV14J4114768?from=search&seid=3842566320098741425视频记录298-326网站制作流程学习品优购项目的目的模块化开发favicon 图标...原创 2020-04-07 19:58:40 · 2100 阅读 · 0 评论 -
HTML5+CSS3 学习笔记 16
视频资源:https://www.bilibili.com/video/BV14J4114768?from=search&seid=3842566320098741425视频记录288-297伪元素选择器使用场景-字体图标<!DOCTYPE html><html lang="en"><head><...原创 2020-04-05 10:46:56 · 331 阅读 · 0 评论 -
HTML5+CSS3 学习笔记 15
视频资源:https://www.bilibili.com/video/BV14J4114768?from=search&seid=3842566320098741425视频记录274-287HTML5 新增表单属性CSS3现状CSS3新增属性选择器<!DOCTYPE html><html l...原创 2020-04-05 09:56:46 · 221 阅读 · 0 评论 -
HTML5+CSS3 学习笔记 14
margin负值运用浏览器渲染顺序:1.渲染第一个li,边框是1px;2.渲染第二个li,边框是1px,与第一个li重叠是2px,接着执行-1px,得到结果是1px。行内块元素应用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">...原创 2020-04-04 10:35:51 · 200 阅读 · 0 评论 -
HTML5+CSS3 学习笔记 13
视频资源:https://www.bilibili.com/video/BV14J4114768?from=search&seid=3842566320098741425视频记录250-266CSS 高级技巧精灵图 why:有效减少服务器接收和发送请求的次数,提高页面的加载速度。 how:针对于背景图片使用,将多个小背景图片整合到一张大图片中(大图片...原创 2020-04-04 09:29:08 · 234 阅读 · 0 评论 -
HTML5+CSS3 学习笔记 12
视频资源:https://www.bilibili.com/video/BV14J4114768?from=search&seid=3842566320098741425视频记录245-249元素的显示与隐藏 第一种:display:设置一个元素应如何显示 display: none;隐藏对象 display: block; 除了转换为块级元素之...原创 2020-04-03 19:00:56 · 205 阅读 · 0 评论 -
HTML5+CSS3 学习笔记 11
视频资源:https://www.bilibili.com/video/BV14J4114768?from=search&seid=3842566320098741425视频记录234-244讨论轮播图小练习<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-...原创 2020-04-03 18:26:23 · 220 阅读 · 0 评论 -
HTML5+CSS3 学习笔记 10
加了定位的小练习index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &l...原创 2020-04-03 17:31:04 · 525 阅读 · 0 评论 -
原创 HTML5+CSS3 学习笔记 09
视频资源:https://www.bilibili.com/video/BV14J4114768?from=search&seid=3842566320098741425视频记录 221-233CSS定位为什么需要定位? 浮动可以让多个块级盒子在一行没有缝隙排列显示,经常用于横向排列盒子。 定位可让盒子自由地在某个盒子内移动位置或者固定屏幕中某个位置,并可...原创 2020-04-03 15:03:38 · 1568 阅读 · 0 评论 -
原创 HTML5+CSS3 学习笔记 08
视频资源:https://www.bilibili.com/video/BV14J4114768?from=search&seid=3842566320098741425视频记录189-220常见图片格式PS切图方式 第一类:图层切图 方式1:右击图层 ->快速导出为PNG 方式2:选中需要的图层,图层菜单->合并图层(ctr...原创 2020-04-03 10:28:11 · 422 阅读 · 0 评论 -
HTML5+CSS3 学习笔记 07
视频资源:https://www.bilibili.com/video/BV14J4114768?from=search&seid=3842566320098741425视频记录162-188圆角矩形 如果是正方形,想要设置为一个圆,将参数改为高度或者宽度的一半即可,或者直接写为50% 如果是矩形,设置为高度的一半即可。 盒子阴影<!DOC...原创 2020-04-01 23:29:22 · 268 阅读 · 0 评论 -
HTML5+CSS3 学习笔记 06
视频资源:https://www.bilibili.com/video/BV14J4114768?from=search&seid=3842566320098741425视频记录136-161网页布局过程盒子模型组成边框 border/* 实线边框 */border-style: solid;/* 虚线边框 */border-style: dash...原创 2020-04-01 10:37:11 · 298 阅读 · 0 评论 -
HTML5+CSS3 学习笔记 05
视频资源:https://www.bilibili.com/video/BV14J4114768?from=search&seid=3842566320098741425视频记录 127-135<style>.nav a { display: inline-block; width: 120px; height: 58px; ba...原创 2020-03-31 19:12:05 · 335 阅读 · 0 评论 -
HTML5+CSS3 学习笔记 04
视频资源:https://www.bilibili.com/video/BV14J4114768?from=search&seid=3842566320098741425视频记录 93-126Emment语法 提高html/css编写速度,Vscode已经集成该语法。 快速生成html结构语法 快速生成css样式语法 快速生成HTML结构语法...原创 2020-03-31 12:38:51 · 366 阅读 · 0 评论 -
HTML5+CSS3 学习笔记 03
视频资源:https://www.bilibili.com/video/BV14J4114768?from=search&seid=3842566320098741425视频记录 56-92CSS规则由两个主要的部分组成:选择器以及一条或多条声明。CSS代码风格 1. 紧凑格式 2. 展开格式 属性值前面,冒号后面,保留一个...原创 2020-03-30 22:45:32 · 236 阅读 · 0 评论 -
HTML5+CSS3 学习笔记 02
视频资源:https://www.bilibili.com/video/BV14J4114768?from=search&seid=3842566320098741425视频记录 26-55超链接标签<a href="跳转目标" target="目标窗口的弹出方式">文本</a>anchor意为“锚”链接分...原创 2020-03-30 18:37:05 · 946 阅读 · 0 评论 -
HTML5+CSS3 学习笔记 01
视频资源:https://www.bilibili.com/video/BV14J4114768?from=search&seid=3842566320098741425视频记录 01-25超文本标记语言HTML HyperText Markup Language 描述网页的一种语言 不是编程语言,而是一种标记语言。 标记语言是一套标记标签(mar...原创 2020-03-30 15:48:31 · 3069 阅读 · 0 评论