锚点和伪类和字符实体

锚点

锚点主要用来定位到某个地方： <a name=““>标记位置</a>

如果想要点击之后直接定位到相应位置：<a href=“链接后加#name “> </a>

伪类

CSS允许我们对a标签的4种状态设置各自的css特性，叫做css伪类

一般active状态不必写；要按顺序写LVHA；

a:link{}可以简写为a

a:link {color: #FF0000} /* 未访问的链接 */
a:visited {color: #00FF00} /* 已访问的链接 */
a:hover {color: #FF00FF} /* 鼠标移动到链接上 */
a:active {color: #0000FF} /* 选定的链接 */

:hover
选择器用于选择鼠标指针浮动在上面的元素。:hover 选择器可用于所有元素，不只是链接a。

#nav
ul li:hover ul{display: block;}

字符实体

空格 &nbsp
<    小于 &lt
>    大于  &gt
&    和号 &amp
"      引号 &quot

通过设置行高来让1行文字居中：若行高等于div的高度那么就会垂直居中

时间： 2024-10-03 13:48:18

锚点和伪类和字符实体的相关文章

html 超链接标签锚点 a标签伪类

一个简易的连接 <a href="01.html">01</a> <body> <a href="01.html" target="_blank">01</a> <a href="https://www.bilibili.com/?spm_id_from=666.7.primary_menu.1"> B站</a> <a href=&quo

CSS伪类选择器:before、:after使用：插入字符、插入图片、插入项目编号

before: 伪元素选择器用于在某个元素之前插入一些内容伪类选择器:before使用content属性插入字符.属性插入图片 <!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta charset="utf-8

一.伪元素选择器 1. E:first-letter/E::first-letter(css3时代两个冒号) 设置元素内的第一个字符的样式. 例如: p::first-letter{font-size:50px;} 2. E:first-line/E::first-line 设置元素内的第一行的样式. 例如: p::first-line{color:green;} 3. E:before/E::before在每个E元素的内容之前插入内容.用来和content属性一起使用. 例如: a::befo

CSS 伪类和伪对象选(五)

一.伪选择器伪选择器包括:伪类选择器和伪对象选择器,以冒号(:)作为前缀,冒号后紧跟伪类或者伪对象名称,冒号前后没有空格,否则解析为包含选择器如: div:hover{ font-size:12px;} /* div为指定标签名 hover选择符,伪类或者伪元素名 */ 伪选择器专门用来选择特殊区域或者特殊状态下的元素或者对象,这些特殊区域或者特殊状态是无法通过标签选择器,ID选择器或者类选择器进行精确控制的二.伪类选择器和伪对象选择器伪类说明 :focus 定义对象在成为输入焦点

CSS3学习手记（二）伪类选择器

伪类选择器动态伪类 UI元素状态伪类 CSS3结构类否定选择器伪元素动态伪类这些伪类并不存在于HTM中,只有当用户和网站交互的时候才能体现出来锚点伪类 :link :visited 用户行为伪类 :hover :active :focus(获取鼠标焦点) UI元素状态伪类(CSS3新增) 我们把:enabled,:disabled,:check伪类称为UI元素状态伪类兼容IE9以上 check只兼容OPera <!DOCTYPE html> <html> <

HTML5--(2)属性选择器+结构性伪类+伪类

一.属性选择器 [att] 匹配所有具有att属性的 [att=val] 匹配所有att属性等于"val"的 [att~=val] 匹配所有att属性包含"val"或者等于"val"的(val必须是一个完整词) [att|=val] 匹配所有att属性仅仅只等于以val-' 开头的或等于"val"(比如说zh-cn) [att*=val] 匹配所有att属性包含'val'的字母 (val可以是字母) 类似模糊查询 [att^

CSS躬行记（2）——伪类和伪元素

一.伪类选择器伪选择器弥补了常规选择器的不足,能够实现一些特殊情况下的样式,例如在鼠标悬停时或只给字符串中的第一个字符指定样式.与类选择器类似,可以从HTML元素的class属性中查看到,但伪选择器不会出现在HTML文档中(有几个例外,如:lang.::placeholder等).并且它的关键字大小写不敏感,也就是说empty和EMPTY完全相同.伪选择器分为两种:伪类选择器和伪元素选择器.注意,伪选择器会以一个或两个冒号(:)开头,并且如果要与其它选择器组合使用,那么只能与类型选择器(即元素

CSS3 选择器——伪类选择器

前面花了两节内容分别在<CSS3选择器--基本选择器>和<CSS3选择器--属性选择器>介绍了CSS3选择器中的基本选择器和属性选择器使用方法,今天要和大家一起学习CSS3选择器中的第三部分,也是最后一部分--伪类选择器.伪类选择器对于大家来说最熟悉的莫过于:link,:focus,:hover之类的了,因为这些在平时中是常用到的伪类选择器,那么先和大家一起简单总结一下CSS中常用的伪类选择器的使用方法,最后把重心放到CSS3新增加的":nth-child"选择

第十二节课，css伪类（转）

一.特殊选择器 1.* 用于匹配任何的标记 2.> 用于指定父子节点关系 3.E + F 毗邻元素选择器,匹配所有紧随E元素之后的同级元素F 4.E ~ F 匹配所有E元素之后的同级元素F 5.名称[表达式] 5.1 E[att] 匹配所有具有att属性的E元素([att]获取所有的定义了att的标签:E[att=val] 匹配所有att属性等于“val”的E元素: 5.2 [att=val] 获取所有定义了att属性并且属性值等于val的标签: 5.3 [att^=val]获取所有定义了att