HTML基础2--a、img、常见标签、选择符、伪类

最新推荐文章于 2025-09-27 13:55:54 发布
转载 最新推荐文章于 2025-09-27 13:55:54 发布 · 719 阅读 · 0

本文深入探讨了网页构建中关键的HTML元素img与链接a的使用，同时介绍了CSS选择符及其优先级的概念，为前端开发者提供了一个全面的指南，帮助他们更有效地构建和优化网页。

img图片？

a链接

常见标签？

SEO知识

选择符？

选择符优先级？



HTML 选择器：提高网页开发效率的利器
a451319296的博客
05-12 4603
HTML 选择器是一种用于查找特定元素的语法，根据标签名、类名、ID 等属性来筛选出符合条件的元素。在开发过程中，灵活运用各种选择器可以帮助我们更加高效地操作页面元素。本文总结了常用的HTML选择器，并提供了相关使用案例和注意事项。通过熟练掌握这些选择器的使用方式，能够提高网页开发效率，并使代码更加规范化、易于维护。
前端必修技能：高手进阶核心知识分享 - CSS伪类和伪元素
uu0216的博客
07-19 1318
伪类的效果可以通过添加一个实际的类来达到，而伪元素的效果则需要通过添加一个实际的元素才能达到，这也是为什么他们一个称为伪类，一个称为伪元素的原因。 伪类选择器和伪元素选择器虽然不是真正的元素，但它们在CSS中扮演着极其重要的角色。了解并熟练运用它们，可以让你的网页更加生动、互动性更强，同时也能更好地控制页面的布局和内容的表现。
IMG的伪类及其他
Footprints on the sands of time
04-04 1801
最近写了个简单的个人Blog，因为要考虑Firefox的兼容问题，注意了不少两个流行的浏览器之间的细微区别。把他们记录如下，备查，其他人也可以作为参考： ＊优快云的网速实在不敢恭维，上传图片都失败了。全文请看这里：IMG的伪类及其他
HTML5中的伪类选择器 实现一张图片翻转特效
Elo的博客
05-30 1784
效果示意图图中，我实现的效果是  当鼠标悬停在图片上面时，图片将围绕下边界旋转90度代码示例:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> *{ margin:
html伪类元素加图片,HTML中常见伪类和伪元素的区别
weixin_32569511的博客
06-04 591
原标题：HTML中常见伪类和伪元素的区别提到伪类，在我的印象中最常用的不过是:hover、:active、:link、:visited，还有css3里的常用伪类选择器:last-child、:first-child、nth-child(n)等等!w3c上对伪类和为元素的定义分别为:伪类：伪类用于向某些选择器添加特殊的效果。伪元素：伪元素用于将特殊的效果添加到某些选择器css3为了明确伪类和伪元素的...
给image覆盖水印：after伪元素
_NIXIAKF的博客
10-14 919
使用伪元素给图片加水印；对img标签使用after和before伪元素失效
学习日记——H5+CSS周测1测试错题整理
qq_42660453的博客
11-05 554
1、<a>的伪类选择符不包括 Aa:link Ba:onfouce Ca:visited Da:onclick 正确答案:B,D 2、下列哪些标准是由W3C（万维网联盟）制定的 Ahtml Bcss Cxhtml Djavascript 正确答案:A,B,C ...
6、CSS选择器与伪类的使用技巧
最新发布
09-27 31
本文详细介绍了CSS选择器与伪类的使用技巧，涵盖类和ID的选择器应用、上下文选择、多类使用、专用选择器（如通用选择器、相邻兄弟选择器和属性选择器）以及伪类在交互效果中的实践。同时探讨了选择器优先级、层叠规则，并通过综合示例展示导航菜单的实现方法，帮助开发者高效、规范地使用CSS进行网页样式设计。
02-CSS-语法和选择器
记录java学习日常~
05-13 1380
如果有多个选择器针对同一个元素定义了不同的样式，那么拥有 ID 选择器的规则将覆盖元素选择器的规则。需要注意的是，由于通用选择器能匹配到 HTML 中的所有标签，因此在代码中大量滥用通用选择器会导致 CSS 选择器的匹配过程变慢，影响页面性能。利用元素选择器，可以控制某个页面或整个网站内的某类 HTML 元素的样式，这些元素可以是段落、标题、图像、表格等标准的 HTML 元素。元素选择器根据元素名称来选择 HTML 元素。元素选择器会选择文档中所有符合条件的元素，并将相同的样式应用于所有选中元素。
Acwing Web应用课笔记-html基础标签上
qq_41810415的博客
06-02 448
这是学习web前端应用课的学习笔记 html 知识点软件使用的是VScode java的话直接用idea也可以 VS code 下载地址 插件需要 Live Server Auto Rename Tag 同时 点击settings，然后输入format，然后勾选上Format On Save。出来的网页界面 可以按下F12+箭头按钮查看按照head这样输出tab键或者回车就会自动补全 或者输出第二个> 也会自动补全 同时由于上方设置的缘故 当保存的时候会自动对齐格式 html的所有标签为树形结构
img标签添加::before ::after 伪元素无效，伪元素增加:hover伪类无效
无心使然云中漫步
05-27 1920
## 1 问题 - img标签添加::before ::after 伪元素无效 - 伪元素增加:hover伪类无效 ## 2 解决 - 只能在img前后增加dom元素 - 可以这样写:hover::before{} :hover::after{}
HTML基础一 测试题
qq_37169559的博客
11-06 6065
HTML5 一、单选题（共30题，每题2分） 得分：2.0分 1. 下面关于外部样式表的说法错误的是 A 文件扩展名为 .cs B 外部样式表内容不需要使用<style>标签 C 使用<link>标签引入外部样式 D 使用外部样式表可以使网站更加简洁，风格保持统一 正确答案: A 解析: 文件扩展名为 .css 得分：2...
img标签伪类不起作用
niehuang的博客
05-28 4314
伪类标签只对可以插入内容的标签添加：div span
IMG标签与before,after伪类
魔侠的沙滩
03-03 1767
在CSS中总有一些你不用不知道，用到才知道的“坑”。比如今天要谈的，把 before, after 伪类用在 <img> 标签上。 嗯，实际上你用你会发现，在大多数浏览器这是无效的，dom中并不会出现你想要的结果。 为什么会这样呢？ 让我们回归到 W3C 标准中寻觅一下，在标准中，before, after 伪类的定义如： As their names indicate, the ...
css笔记-img-a-伪类
tz_gx的专栏
11-07 1968
img 1:单标签 行间元素，默认表现inline-block效果，直接适用盒子模型 img标签不是直接在网页中插入图像，而是指定一个链接图像文件的地址。因此 img标签创建的是被引用图像的占位空间 background-repeat repeat：默认值。背景图像在垂直方向和水平方向重复 repeat-x：背景图像在水平方向重复 repeat-y:背景图像在垂直方向重复 n
【HTML、CSS练习题1】
m0_46312303的博客
07-13 4612
HTML、CSS练习题（一）
CSS:伪类选择符与分组选择符
11-22 1556
伪类选择符
html ,css基础题、练习题、面试题(1)
ZHANGJIN9546的博客
06-18 2万+
1.下列哪个是HTML中的空格字符 A div B p C b D   正确答案: D 解析: div 文档布局对象 p 段落 b 加粗   空格 2.从优化的角度来说以下哪个img属性是优化比较好的 A width B border C alt D height 正确答案: C 解析: alt为替换文本,当图片不显示的时候才会出现...
【伪类与伪元素】用CSS伪元素（以:before为例）插入图片
热门推荐
crxk_的博客
07-14 2万+
【伪类与伪元素】用CSS伪元素（以:before为例）插入图片 对于一些小图标类型的图片，若使用<img>略微有些麻烦，iconfont是一个不错的选择用起来也相当灵活，但是所需要步骤较为繁琐，今天介绍一种使用css伪元素快速插入图标的小技巧。 效果图 伪类 与 伪元素 伪类 在网上很多篇博客中并未将这两个解释清楚，很多博客直接写到利用css伪类插入图片，这种说法严格来讲是错误的。 CSS 伪类 是添加到选择器的关键字，指定要选择的元素的特殊状态[1]。 通俗来说就是： 我们要在某个元素处
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值