斗罗大陆CSS_204687

本文总结了W3School CSS与HTML测试结果,详细介绍了ID与类选择器的用法,包括其唯一性和命名规则。同时,文章探讨了外部样式表的应用,以及当存在多重样式时,内部样式如何覆盖外部样式。

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

W3School测试:
CSS——16/20
HTML——12/20
JS——11/20

1、id选择器——#表示
类选择器——.表示

//注意:id 属性只能在每个 HTML 文档中出现一次。(就是说id是唯一的咯?****)

#red {color:red;}
<p id="red">这个段落是红色。</p>

//注意:类名的第一个字符不能使用数字!

.center {text-align: center}
<h1 class="center">
This heading will be center-aligned
</h1>

(属性选择器)——[ ]表示
//略
2、外部样式表
浏览器会从文件 mystyle.css 中读到样式声明,并根据它来格式文档。

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

3、多重样式的情况
a、外部样式

h3 {
  color: red;
  text-align: left;
  font-size: 8pt;
  }

b、内部样式

h3 {
  text-align: right; 
  font-size: 20pt;
  }

结果:继承外部颜色样式,内部右对齐、20pt覆盖外部样式。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值