博客列表 >HTML元素的三大属性及样式规则

HTML元素的三大属性及样式规则

零龙
零龙原创
2020年06月12日 00:45:281748浏览

HTML元素的三大属性


1. ID属性:由用户保证它的唯一性,专用于获取唯一元素。

2. Class属性:类属性返回共同特征的元素集合。

3. Style属性:设置当前元素对象的样式。


HTML元素属性的样式规则


  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>元素属性的样式规则</title>
  7. </head>
  8. <style>
  9. #title-id
  10. {
  11. color:violet;
  12. font-size:20px;
  13. }
  14. .title-Class
  15. {
  16. color:darkgreen;
  17. font-size:18px;
  18. }
  19. #title-h
  20. {
  21. font-weight: bold;
  22. }
  23. .title-h
  24. {
  25. color: darkgoldenrod;
  26. padding-left: 15px;
  27. }
  28. </style>
  29. <body>
  30. <p id="title-id">ID元素的样式,字体颜色violet,字体大小:20像素</p>
  31. <p class="title-Class">Class元素的样式,字体颜色darkgreen,字体大小:18像素</p>
  32. <p style="color: darkred; font-size: 16px;">Style元素的样式,字体颜色darkred,字体大小:16像素</p>
  33. <p id="title-h" class="title-h" style="background-color: black; height:50px; line-height:50px;">三个元素样式混搭,ID元素:粗体字,Class元素:颜色:darkgoldenrod,填充15个像素,Style元素:背景黑色,行高50像素,文本垂直居中</p>
  34. </body>
  35. </html>
声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议