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>

批改老师：

WJ

批改状态：合格

老师批语：写的不错，继续加油。

本博文版权归博主所有，转载请注明地址！如有侵权、违法，请联系admin@php.cn举报处理！

全部评论文明上网理性发言，请遵守新闻评论服务协议

0条评论

作者最新博文

Grid还原首页图片布局

2020-07-04 21:22:36