对盒模型的理解

摘要: CSS中的盒模型有两种:标准盒子模型、IE盒子模型。 盒模型都是由4个部分组成的:content、padding、border和margin。 标准盒模型和IE盒模型的区别在于设置width和height时,对应的范围不同: 标准盒模型的width和height属性的范围只包含了content; I 阅读全文
posted @ 2024-01-05 15:11 时亚菲 阅读(1) 评论(0) 推荐(0) 编辑

伪元素和伪类的区别和作用

摘要: 伪元素:在内容元素的前后插入额外的元素或样式,但是这些元素实际上并不在文档中生成。它们只在外部显示可见,但不会在文档的源代码中找到它们,因此称为“伪元素”。例如: p::before { content: '后面伪元素' } p::after { content: '前面伪元素' }// 设置第一行 阅读全文
posted @ 2024-01-05 14:23 时亚菲 阅读(2) 评论(0) 推荐(0) 编辑

常用的meta标签有哪些

摘要: meta标签由name和content属性定义,用来描述网页文档的属性。比如网页的作者,网页的描述,关键词等,除了HTTP标准固定了一些name作为大家使用的共识,开发者还可以自定义name。 常用的meta标签: 1、charset,用来描述HTML文档的编码类型: <meta charset=" 阅读全文
posted @ 2024-01-04 15:41 时亚菲 阅读(49) 评论(0) 推荐(0) 编辑

script标签中defer和async的区别

摘要: 如果没有defer或者async属性,浏览器会立即加载并执行相应的脚本。它不会等待后续加载的文档元素, 读到就会开始加载和执行,这样就阻塞了后续文档的加载。 下图可以直观的看出三者的区别: 其中蓝色代表js脚本网络加载时间,红色代表js脚本执行时间,绿色代表html解析时间。 defer和async 阅读全文
posted @ 2024-01-04 14:34 时亚菲 阅读(180) 评论(0) 推荐(0) 编辑

DOCTYPE的作用

摘要: DOCTYPE是HTML5中a56爆大奖在线娱乐标准通用标记语言的文档类型声明,目的是告诉浏览器(解析器)应该以什么样(html或xhtml)的文档类型定义来解析文档,不同的渲染模式会影响浏览器对CSS代码甚至JavaScript脚本的解析,它必须声明在HTML文档的第一行。 DOCTYPE不存在或者格式不正确会导 阅读全文
posted @ 2024-01-04 14:13 时亚菲 阅读(3) 评论(0) 推荐(0) 编辑

HTML语义化

摘要: 用正确的标签做正确的事情。 html语义化让页面的内容结构化,结构清晰,便于对浏览器、搜索引擎解析; 即使在没有css样式的情况下也以a56爆大奖在线娱乐文档格式显示,并且是容易阅读的; 搜索引擎的爬虫也依赖于HTML标记来确定上下文和各个关键字的权重,利于SEO(Search Engine Optimizatio 阅读全文
posted @ 2024-01-03 17:06 时亚菲 阅读(1) 评论(0) 推荐(0) 编辑

HTML之src与href的区别

摘要: src用于替换当前元素,href用于在当前文档和引用资源之间确立联系。 1、src src是source(/s??s/ n. 来源、源头、出处)的缩写,指向外部资源的位置,指向的内容将会嵌入到文档中当前标签所在位置;在请求src资源时会将其指向的资源下载并应用到文档中,例如js脚本,img图片和fr 阅读全文
posted @ 2024-01-03 15:09 时亚菲 阅读(2) 评论(0) 推荐(0) 编辑