HTML
文章平均质量分 70
前端基础知识点 HTML 相关内容; 这是一个长期保持更新的专栏, 也许我不会每天都有这个专栏的文章更新, 但是每天保持都有文章更新; 都是前端相关的内容。
黑木令
这个作者很懒,什么都没留下…
展开
-
CSS 伪类: 什么是 CSS 伪类?CSS 伪类怎么分类? CSS 伪类有哪些?以及分类对应的伪类
本章讲解的内容为 CSS 伪类 。废话不多说, 直接上代码以及图例 (为了让大家方便阅读, 都有自己验证过程的一些图片作为分享) 。一: 什么是 CSS 伪类?1. CSS 伪类是用来添加一些 '选择器' 的特殊效果(特殊状态)。2. 伪类实际使用场景举例: 1. 设置鼠标悬停在元素上时的样式 。 2. 为已访问和未访问链接设置不同的样式 。 3. 设置元素获得焦点时的样式 。二: CSS 伪类选择器的分类 (4类):1. 动态伪类选择器。2. UI元素状态伪类选原创 2021-07-05 18:05:42 · 15871 阅读 · 1 评论 -
CSS伪类--锚伪类选择器(动态伪类选择器)-使用详细总结
本章讲解的内容为 CSS 伪类中的 锚伪类选择器1. CSS 锚伪类选择器有哪些2. CSS 锚伪类选择器 的具体含义3. CSS 锚伪类选择器 各个伪类的使用方式有兴趣的可以查看 " CSS 伪类选择器" 总结这篇文章废话不多说, 直接上代码以及图例 (为了让大家方便阅读, 都有自己验证过程的一些图片作为分享) 。一:CSS 锚伪类选择器 / 动态伪类选择器 一览:序号anchor (锚)伪类示例示例说明1:linka:link未访问的链接2:vi原创 2021-07-05 18:03:56 · 11336 阅读 · 0 评论 -
CSS transition和animation的区别
本文章讲解内容是 transition 与 animition 动画效果的不同点与相同点, 虽然它们都可以实现CSS动画效果结合 “css 动画实现的 3 种方式” 来理解; 因为这篇文章就是继这篇文章的延续。废话不多说, 直接上代码以及图例 (为了让大家方便阅读, 都有自己验证过程的一些图片作为分享) 。一:transition和animation的区别:1. Transition 强调过渡; Animation 强调流程与控制 。2. 两者的控制粒度不一样 1. 某种程度上, tra原创 2021-07-03 22:40:26 · 14458 阅读 · 0 评论 -
HTML 行内、块级、空(void) 元素以及区别,外加对应元素的整理
本文总结内容: 第一 什么是 “行内、块级、空(void)” 元素; 第二 对应元素的整理废话不多说, 直接上代码以及图例 (为了让大家方便阅读, 都有自己验证过程的一些图片作为分享) 。一: 什么是 行内元素、块级元素、空(void)元素1. 行内元素、块级元素概念: 1.每一个网页元素(html标签)都有一个 display 属性, 用于确定该元素的类型; 每一个元素都有默认的 display 属性值, 比如 div 元素, 它的默认 display 属性值为 "block", 成为“块级原创 2021-06-30 21:17:43 · 11730 阅读 · 2 评论 -
HTML meta 标签的使用方式总结(本文总结17中使用方式)
介绍 meta 标签的常规使用以及使用 meat 标签设置页面的缓存效果; 提升前端开发同学对请求过程中的缓存认识与设置 。废话不多说, 直接上代码以及图例 (为了让大家方便阅读, 都有自己验证过程的一些图片作为分享) 。一: meta 标签的使用和总结:1. <meta> 元素可提供有关页面的 元信息(meta-information), 比如针对 搜索引擎 和 更新频度 的描述和关键词 。2. <meta> 标签位于文档的头部, 不包含任何内容 。3. <m原创 2021-06-29 22:34:05 · 11403 阅读 · 0 评论 -
HTML5 语义化-详细分析
废话不多说, 直接上代码以及图例 (为了让大家方便阅读, 都有自己验证过程的一些图片作为分享) 。一. 什么是 HTML 语义化1. “语义化”: 指的是机器在需要更少的人类干预的情况下, 能够研究和收集信息; 让网页能够被机器理解, 最终让我们受益 。2. HTML 标签语义化: 是让大家直观的认识标签(markup)和 属性(attribute)的用途和作用 。 1. 很明显 Hx 系列看起来很像标题, 因为拥有粗体和较大的字号 。 2. <strong>,<em&原创 2021-06-29 13:48:52 · 8813 阅读 · 0 评论 -
css 动画实现的 3 种方式
css 动画实现的 3 种方式废话不多说, 直接上代码以及图例 (为了让大家方便阅读, 都有自己验证过程的一些图片作为分享) 。css 实现动画的三种方式总结:1. transition 过渡 。2. transform 变形 。3. animation 关键帧动画 。1. transition 过渡动画1. 语法: 1. transition: 属性是个复合属性 。 2. transition: property duration timing-function delay原创 2021-06-24 23:02:07 · 10642 阅读 · 1 评论 -
li 与 li 之间设置display: inline-block;后有看不见的空白间隔如何形成的,相应的解决办法
之前有整理过一部分知识点, 一直没有发布, 因为都是有关 前端 方面的零散内容; 现在想想无论分享什么内容都需要慢慢积累, 所以还是决定将之前整理的相关内容验证之后慢慢分享给大家 这个专题 就是 工作中开发问题总结 相关的内容; 不积跬步,无以至千里, 戒焦戒躁 。最近一段时间很少能够静下心来深入研究技术,主要是工作太忙,项目如同流水一样,每天都在不停的开发,除了开发还是开发;晚上夜深人静的时间可以终于可以抽出时间来研究一下技术,一时之间又不知道从哪里开始了;想了想就去网上寻找一些有趣的现象,还真的被找到原创 2021-06-21 13:38:22 · 5306 阅读 · 0 评论 -
CSS 使用 a 标签的 mailto 属性在网页中链接 Email 地址(琐碎知识点整理)
之前有整理过一部分知识点, 一直没有发布, 因为都是有关 前端 方面的零散内容; 现在想想无论分享什么内容都需要慢慢积累, 所以还是决定将之前整理的相关内容验证之后慢慢分享给大家 这个专题 就是 工作中开发问题总结 相关的内容; 不积跬步,无以至千里, 戒焦戒躁 。好了废话不多说, 直接上代码以及图例(为了让大家方便阅读, 都有自己验证过程的一些图片作为分享) 。1. 标签 还有一个作用是可以链接 Email 地址, 使用 mailto 能让访问者便捷向网站管理者发送电子邮件 。2. 如果 mail原创 2021-06-18 10:12:26 · 27186 阅读 · 0 评论 -
CSS/HTML 如何在网页中添加空格(琐碎知识点整理)
之前有整理过一部分知识点, 一直没有发布, 因为都是有关 前端 方面的零散内容; 现在想想无论分享什么内容都需要慢慢积累, 所以还是决定将之前整理的相关内容验证之后慢慢分享给大家 这个专题 就是 工作中开发问题总结 相关的内容; 不积跬步,无以至千里, 戒焦戒躁 。好了废话不多说, 直接上代码以及图例(为了让大家方便阅读, 都有自己验证过程的一些图片作为分享) 。html空格符号代码1. :一个字符的半角的不断行的空格,如果需要在网页中插入多个空格,可以将“&nb原创 2021-06-18 10:10:41 · 17720 阅读 · 0 评论 -
常见的浏览器兼容问题: html 方面
之前有整理过一部分知识点, 一直没有发布, 因为都是有关 CSS 方面的零散内容; 现在想想无论分享什么内容都需要慢慢积累, 所以还是决定将之前整理的相关内容验证之后慢慢分享给大家, 不仅仅是 CSS; 这个专题 就是 HTML 相关的内容; 不积跬步,无以至千里, 一时得失莫要在意 。好了废话不多说, 直接上代码以及图例(为了让大家方便阅读, 都有自己验证过程的一些图片作为分享) 。1. 最突出也是最容易想到的就是 高版本的浏览器用了 低版本的浏览器 无法识别的元素, 从而导致不能解析 。 这点主要原创 2021-06-02 00:20:49 · 3480 阅读 · 0 评论