摘要：
根据屏幕尺寸加载与之匹配的图片大小 常见的图像优化包括压缩，使用<picture>/<img srcset>根据屏幕大小响应式为它们服务，以及调整它们的大小以降低图像解码成本。 这个HTML<picture>元素包含零或更多<source>元素与一<img>元素为不同的显示/设备方案提供图像的替代版 阅读全文
posted @ 2020-02-21 17:20
Cutelady
阅读(500)
评论(0)
推荐(0)
摘要：
Normalize.css https://necolas.github.io/normalize.css/ Normalize.css https://necolas.github.io/normalize.css/ 阅读全文
posted @ 2020-02-13 21:27
Cutelady
阅读(109)
评论(0)
推荐(0)
摘要：
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */ /* Document */ /** * 1. 修正所有浏览器中的行高. * 2. 在iOS的切换横竖屏时，防止字体大小的调整. */ html 阅读全文
posted @ 2020-02-13 21:06
Cutelady
阅读(158)
评论(0)
推荐(0)
摘要：
官网下载 http://necolas.github.io/normalize.css/ Normalize.css链接放在自己的css之前 综述 Normalize.css是一种CSS reset的替代方案。 经过@necolas和@jon neal花了几百个小时来努力研究不同浏览器的默认样式的差 阅读全文
posted @ 2020-02-13 20:59
Cutelady
阅读(731)
评论(0)
推荐(0)
摘要：
html 加载时发生了什么 在页面加载时，浏览器把获取到的HTML代码解析成1个DOM树，DOM树里包含了所有HTML标签，包括display:none隐藏，还有用JS动态添加的元素等。 浏览器把所有样式(用户定义的CSS和用户代理)解析成样式结构体 DOM Tree 和样式结构体组合后构建rend 阅读全文
posted @ 2019-12-19 22:44
Cutelady
阅读(1122)
评论(0)
推荐(0)
摘要：
HTML 本地存储：优于 cookies。 什么是 HTML 本地存储？ 通过本地存储（Local Storage），web 应用程序能够在用户浏览器中对数据进行本地的存储。 在 HTML5 之前，应用程序数据只能存储在 cookie 中，包括每个服务器请求。本地存储则更安全，并且可在不影响网站性能 阅读全文
posted @ 2019-12-19 21:15
Cutelady
阅读(283)
评论(0)
推荐(0)
摘要：
文件路径描述了网站文件夹结构中某个文件的位置。 文件路径会在链接外部文件时被用到： 网页 图像 样式表 JavaScript 绝对文件路径 绝对文件路径是指向一个因特网文件的完整 URL： 实例 <img src="https://www.w3school.com.cn/images/picture 阅读全文
posted @ 2019-12-19 15:46
Cutelady
阅读(572)
评论(0)
推荐(0)
摘要：
无序列表 咖啡 茶 牛奶 不同无序列表 不同无序列表 Disc 项目符号列表： 苹果 香蕉 柠檬 桔子 Circle 项目符号列表： 苹果 香蕉 柠檬 桔子 Square 项目符号列表： 苹果 香蕉 柠檬 桔子 有序列表 不同有序列表 数字列表： 字母列表： 小写字母列表： 罗马字母列表： 小写罗马 阅读全文
posted @ 2019-12-19 15:36
Cutelady
阅读(335)
评论(0)
推荐(0)
摘要：
如何使用样式 当浏览器读到一个样式表，它就会按照这个样式表来对文档进行格式化。有以下三种方式来插入样式表： 外部样式表 当样式需要被应用到很多页面的时候，外部样式表将是理想的选择。使用外部样式表，你就可以通过更改一个文件来改变整个站点的外观。 内部样式表 当单个文件需要特别样式时，就可以使用内部样式 阅读全文
posted @ 2019-12-19 13:42
Cutelady
阅读(238)
评论(0)
推荐(0)
摘要：
什么是空元素？ 首先空元素下是没有子级节点和内容的。然后空元素是在开始标签中关闭的，也就是说空元素没有闭合标签的。 在HTML中的空元素有以下几个： <area> <base> <br> <col> <colgroup> <command> <embed> <hr> <img> <input> <k 阅读全文
posted @ 2019-12-19 12:59
Cutelady
阅读(1233)
评论(0)
推荐(0)
摘要：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>checkbox</title 阅读全文
posted @ 2019-12-18 21:19
Cutelady
阅读(3065)
评论(0)
推荐(0)
摘要：
现在只给了它一个宽度和边框，没有其它任何样式，下面是它目前的展现情况： 可以看到，nbsp;和</br>可以正常发挥作用，而连续的空格会被缩减成一个（比如This和is之间的三个空格变成了一个），换行符也全都无效。句子超过一行后会自动换行，而长度超过一行的单个单词会超出边界。接下来我们看下， 给它上 阅读全文
posted @ 2019-12-18 20:39
Cutelady
阅读(420)
评论(0)
推荐(0)
摘要：
visible 默认值。内容不会被修剪，会呈现在元素框之外。 hidden 内容会被修剪，并且其余内容是不可见的。 scroll 内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。 auto 如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。 inherit 规定应该从父元素继承 ove 阅读全文
posted @ 2019-12-18 18:55
Cutelady
阅读(557)
评论(0)
推荐(0)
摘要：
div { width: 40px; height: 40px; border-width: 40px; border-style: solid; border-color: red green blue brown; } div { width: 0; height: 0; border-width: 40px; border-style: solid; border-color: red gr 阅读全文
posted @ 2019-12-18 18:12
Cutelady
阅读(203)
评论(0)
推荐(0)
摘要：
伪元素和伪类从字面理解就是假的元素和假的类。 1、伪类（单冒号） CSS3中的定义：伪类存在的意义是为了通过选择器，格式化DOM树意外的信息以及不能被常规CSS选择器获取到的信息。 伪元素的功能： （1）格式化DOM树以外的信息。如：<a>标签的:link、:visited等，这些信息不存在与DOM 阅读全文
posted @ 2019-12-18 16:51
Cutelady
阅读(391)
评论(0)
推荐(0)
浙公网安备 33010602011771号