CSS 基础学习-003 CSS样式元素选择器

由 hrs, 9 三月, 2021

CSS 元素选择器

元素选择器根据元素名称来选择 HTML 元素。如：p 元素，h1元素，body元素等等。

实例代码：

  1 <!doctype html>
  2 <html>
  3   <head>
  4     <meta charset="utf8">
  5     <style>
  6       p{
  7         text-align:center;
  8         color:red;
  9         
 10       }
 11     </style>
 12   </head>
 13   <body> 
 14     <p>这是一个css元素选择器实例</p>
 15     <p>我是一个字段</p>
 16     <P>我也是</p>
 17   </body>
 18 </html>
 19

运行效果：

css-003.png

这个实列中，我们用到了两个css样式属性，text-align: 元素居中属性和color：改变字体颜色属性。

 

标签

评论