CSS基础整合

最新推荐文章于 2021-04-06 23:20:17 发布

喵呜喵喵喵

最新推荐文章于 2021-04-06 23:20:17 发布

阅读量165

点赞数

本文链接：https://blog.csdn.net/qq_42708183/article/details/83342410

版权

内联样式（在 HTML 元素内部）拥有最高的优先权，这意味着它将优先于：<head> 标签中的样式声明，外部样式表中的样式声明，或者浏览器中的样式声明（缺省值）。内联样式最高
color:十六进制的颜色值 #ff0000;RGB 值：rgb(100%,0%,0%);rgb(255,0,0) 百分制时0也要百分号
如果值为若干单词，则要给值加引号：
```
p {font-family: "sans serif";}
```
如果涉及到与 HTML 文档一起工作的话，class 和 id 名称对大小写是敏感的。
id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式

当样式需要应用于很多页面时，外部样式表将是理想的选择。
当单个文档需要特殊的样式时，就应该使用内部样式表你可以使用 <style> 标签在文档头部定义内部样式表
即使用外部样式又使用内部样式的规则：颜色属性将被继承于外部样式表，而文字排列（text-alignment）和字体尺寸（font-size）会被内部样式表中的规则取代。

<head>
<style type="text/css">
  hr {color: sienna;}
  p {margin-left: 20px;}
  body {background-image: url("images/back40.gif");}
</style>
</head>

定义

#red {color:red;}
#green {color:green;}

使用

<p id="red">这个段落是红色。</p>
<p id="green">这个段落是绿色。</p>

id 属性只能在每个 HTML 文档中出现一次

类选择器以一个点号显示：

.center {text-align: center}

使用

<h1 class="center">
This heading will be center-aligned
</h1>

<p class="center">
This paragraph will also be center-aligned.
</p>

类名的第一个字符不能使用数字！它无法在 Mozilla 或 Firefox 中起作用。类也可以做派生器

关注