#Friday

2021年4月11日

摘要：行内样式表内部样式表引用外部CSS文件的外部样式表阅读全文

posted @ 2021-04-11 17:46 #Friday 阅读(44) 评论(0) 推荐(0)

摘要：图片懒加载：使用JS，当页面滚动到图片显示的位置时，才加载。幻灯片、相册，预测即将加载的图片，加载 CSS中的背景等图片： CSSSprite，Base64，Iconfont 如果图片过大，加载时可以加载缩略图，然后替换为清晰图像如果图片的实际展示尺寸远小于图片实际尺寸，可以缩小图片到显示大小阅读全文

posted @ 2021-04-11 17:42 #Friday 阅读(864) 评论(0) 推荐(0)

WebP这种图像格式的特点

摘要： google研发体积小，大约是JPEG的2/3 同时支持无损压缩和有损压缩，需要更多的CPU资源其他常用格式： JPEG PNG GIF SVG 阅读全文

posted @ 2021-04-11 00:03 #Friday 阅读(159) 评论(0) 推荐(0)

2021年4月10日

src和href属性的区别

摘要： src（同步的）表示引入浏览器遇到src通常会暂停解析过程，（加塞处理）并开始下载资源和资源处理，处理完成后再继续解析过程。通常用于js脚本。例外：img的src是异步下载的。 href（异步的）表示引用浏览器遇到href不会暂停解析过程，下载资源和资源处理将有其他并行线程完成通常用于阅读全文

posted @ 2021-04-10 23:51 #Friday 阅读(128) 评论(0) 推荐(0)

HTML文件顶部的<!DOCTYPE>的作用

摘要：在HTML文件头部，用于告诉浏览器使用什么规范： HTML 4.01 SGML：标准通用标记语言 DTD：文档类型定义 HTML4.01的三种类型：Strict（严格）、Transitional（过渡）、Frameset（框架） XHTML XHTML 1.0的三种类型：Strict（严格）、Tra 阅读全文

posted @ 2021-04-10 23:25 #Friday 阅读(144) 评论(0) 推荐(0)

IE的Quirks模式和Standards模式区别

摘要： Quirks（怪异）在W3C的CSS标准出现以前，IE有自己的实现标准，成为Quirks模式，而支持CSS标准的模式是Standards模式区别很多，比如： Standards模式宽度和高度不包括padding和border，Quirks模式包括。 Standards模式下给span标签设定wi 阅读全文

posted @ 2021-04-10 22:17 #Friday 阅读(130) 评论(0) 推荐(0)

Div+CSS布局与table布局比较，有什么优点？

摘要：符合W3C标准内容和样式分离，易于维护易于优化SEO，搜索引擎更友好阅读全文

posted @ 2021-04-10 19:13 #Friday 阅读(156) 评论(0) 推荐(0)

浏览器内核

摘要： Safari：webkit Chrome\Opera:Blink 2013年前Chrome使用Webkit，2013年后使用Blink 2013年前Opera使用Presto，2013年后使用Blink Blink只是一个渲染引擎，其余部分尚未大幅改动 IE：Trident IE Edge用的不是T 阅读全文

posted @ 2021-04-10 19:06 #Friday 阅读(45) 评论(0) 推荐(0)

CSS样式-选择器的使用哲学

摘要：标签选择器：范围太大，用于定义全局的缺省样式 ID选择器：排他的，只用于设定body的子元素，用于布局；组件不可以使用ID选择器类选择器：有比较好的灵活性和适应性的；不要在过多的元素上添加类爬DOM树的方法是经常使用的方法伪类选择器： hover：从集合中选择其中的一部分伪对象选择器：阅读全文

posted @ 2021-04-10 18:48 #Friday 阅读(68) 评论(0) 推荐(0)

CSS样式-伪对象的使用扩展

摘要： <!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 @ 2021-04-10 18:11 #Friday 阅读(56) 评论(0) 推荐(0)

公告