12.13笔记

本文详细介绍了CSS中的各种选择器,包括通配符选择器、类选择器、ID选择器、包含选择器、子选择器、群组选择器及锚伪类等。通过这些选择器,开发者能够精确地定位和应用样式。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.引入外部文件

<link href="outer.css" rel="stylesheet" type="text/css"></link>

2.导入外部样式单

<style type="text/css">
@import "../outer.css";
@import url('outer.css');
</style>

通配符选择器

使用"*"表示通配符,用来选择页面所有元素的样式。

*{ margin:0;
padding:0;}

类选择器

类选择器指定的样式对指定class属性的元素起作用。使用“.”标识一个类选择符,类名可以任意。

.myclass{...}

ID选择器中的样式会对具有指定id属性的HTML元素起作用。

HTML元素以id属性来设置id选择器,CSS中id选择器以"#"来定义。

需要注意的是id在HTML文档中具有唯一性,是不可以重复的。

#idValue{ ...}

包含选择器

包涵选择器用于指定处于某个选择器对应的内部元素。

h1 em {color:red;}

子选择器

子选择器要求目标选择器必须作为外部选择器对应的元素的直接子元素。

parent>child{width: 200px; height: 35px;}

群组选择器

群组选择器使用逗号对选择符进行分隔。

我们可以将逗号读成“和”。

h1,p,myClass,#main{
	font-size:20px;
}

anchor伪类

链接的不同状态都可以以不同的方式显示。

<style>
a:link {color:#000000;} /* 未访问链接*/
a:visited {color:#00FF00;} /* 已访问链接 */
a:hover {color:#FF00FF;} /* 鼠标移动到链接上 */
a:active {color:#0000FF;} /* 鼠标点击时 */
</style>



标签描述
<b>定义粗体文本
<em>定义着重文字
<i>定义斜体字
<small>定义小号字
<strong>定义加重语气
<sub>定义下标字
<sup>定义上标字
<ins>定义插入字
<del>定义删除字

HTML "计算机输出" 标签

标签描述
<code>定义计算机代码
<kbd>定义键盘码
<samp>定义计算机代码样本
<var>定义变量
<pre>定义预格式文本

HTML 引文, 引用, 及标签定义

标签描述
<abbr>定义缩写 <p>The <abbr title="World Health Organization">WHO</abbr>
<address>定义地址 <address>Written by <a href="mailto:webmaster@example.com">Jon Doe</a>
<bdo>定义文字方向 <p><bdo dir="rtl">该段落文字从右到左显示。</bdo>
<blockquote>定义长的引用 <blockquote cite="http://www.worldwildlife.org/who/index.html"> For 50 years</blockquote>
<q>定义短的引用语 <q>Build a future where people live in harmony with nature.</q>
<cite>定义引用、引证 <p><cite>The Scream</cite> by Edward Munch. Painted in 1893.
<dfn>定义一个定义项目。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值