【HTML】CSS样式
设置CSS样式的三种方式
-
行内样式（不推荐）
-
内嵌样式（写在style标签中，可以写在页面各种位置，一般写在head标签中）
-
外联样式 写在单独的css文件中，需要通过link在网页中引入
行内样式
<h1 style="color: rgb(66, 139, 92);">行内样式</h1>
内嵌样式
<style>
h1{
color: rgb(84, 84, 165);
}
</style>
<h1>内嵌样式</h1>
外联样式
外联引入的css会对整个html造成影响, 将会覆盖style中设置的样式
css文件
h2{
color: aquamarine;
}
/* 设置body背景色为#302c2c */
body{
background: #302c2c;
}
外联样式
<link rel="stylesheet" href="css测试.css">
<h2>外联样式</h2>
color的表现形式
关键字,预设的颜色名
<b>关键字,预设的颜色名</b>
<br>
<span style="color: red;">red</span>,
<span style="color: blue;">blue</span>,
<span style="color: green;">green</span>...
<br><br>
RGB表示法
<b>RGB表示法,红绿蓝三原色,每项取值范围0-255</b>
<br>
<span style="color: rgb(0,0,0)">RGB(0,0,0)</span>
<br>
<span style="color: rgb(255,255,255)">RGB(255,255,255)</span>
<br><br>
十六进制表示法
<b>十六进制表示法,#开头,数字转化为十六进制表示</b> <br>
<span style="color: #000000">#000000</span> <br>
<span style="color: #ff0000">#ff0000</span> <br>
<span style="color: #eeccdd">#eeccdd</span> <br><br>
简写
<b>简写</b> <br>
<span style="color: #000;">#000</span>
<span style="color: #ecd;"> #ecd</span> <br><br>
<span>十六进制表示法有6位,每两位分别代表红,绿,蓝</span> <br>
<span>如果两位相同可以简写为1个, 如 <span style="color: #ecd;">#ecd</span> = <span style="color: #eeccdd;">#eeccdd</span></span>
