学习CSS第六天
一.ID选择器
ID和class的功能相同只不过写出的方式不一样
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>ID选择器</title>
<style>
#classical{
color: aquamarine;
font-size: 40px;
}
#welcome{
color: aquamarine;
font-size: 40px;
}
</style>
</head>
<body>
<h1>欢迎来到语文书</h1>
<h2 id="classical">文言文</h2>
<p>明月几时有，把酒问青天</p>
<p>唧唧复唧唧木兰当户织</p>
<p>山不在高有仙则灵，水不在深有龙则灵</p>
<h1 id="welcome">欢迎来到语文书</h1>
<h2>文言文翻译篇</h2>
<p>明月从什么时候开始有的呢？我拿着酒杯遥问苍天</p>
<p>叹息声一声接着一声，木兰对着房门在织布</p>
<p>山不在于它有多高，只要有仙人居住就会出名且令人神往；水不在于它有多深，只要有蛟龙潜藏其中就会显得有灵气</p>
</body>
</html>
注意点：不能数字开头，一个元素不能有两个同名的属性
二.总结四个选择器
- 统配选择器：在
style中写入*中可以控制在html中所有元素统一调换样式 - 元素选择器：可选中
x个元素对他进行修改，但之后只要是x元素就只能是已经调配好的样式 - 类选择器：可用
class为其进行命名（类名）然后在style中写下命名好的名字前加.就可添加样式 - ID：
ID的功能与class相似只是写出手法不同（参考上方书写）
原文地址：https://blog.csdn.net/Layue00000/article/details/144410533
免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！