HTML元素的三大属性
1. ID属性:由用户保证它的唯一性,专用于获取唯一元素。
2. Class属性:类属性返回共同特征的元素集合。
3. Style属性:设置当前元素对象的样式。
HTML元素属性的样式规则
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>元素属性的样式规则</title>
</head>
<style>
#title-id
{
color:violet;
font-size:20px;
}
.title-Class
{
color:darkgreen;
font-size:18px;
}
#title-h
{
font-weight: bold;
}
.title-h
{
color: darkgoldenrod;
padding-left: 15px;
}
</style>
<body>
<p id="title-id">ID元素的样式,字体颜色violet,字体大小:20像素</p>
<p class="title-Class">Class元素的样式,字体颜色darkgreen,字体大小:18像素</p>
<p style="color: darkred; font-size: 16px;">Style元素的样式,字体颜色darkred,字体大小:16像素</p>
<p id="title-h" class="title-h" style="background-color: black; height:50px; line-height:50px;">三个元素样式混搭,ID元素:粗体字,Class元素:颜色:darkgoldenrod,填充15个像素,Style元素:背景黑色,行高50像素,文本垂直居中</p>
</body>
</html>