css编辑查看之样式基本语法结构

版权声明:本篇文章由IT_CREATE整理 https://blog.csdn.net/IT_CREATE/article/details/83902777

CSS的编辑和查看

CSS跟html一样,同样是文本文件,大家同样可以使用记事本,或者其他的一些开发工具进行源代码编写。

 

CSS基本语法

CSS样式表示有若干个不同的样式按照一定的规则组成的,然后这些规则可以被应用到不同的html元素身上,从而来定义网页内容的显示效果。

 

CSS样式中的每一个样式都由三个部分构成:选择符(selector)、属性(property)、属性值(value)

selector{property:value}

  1. selector选择符,在css中选择符的方式非常的多,可以是html中的标签,也可以是标签中的某些属性
  2. Property属性,是指被选择符选择的标签,它自身所包含的属性
  3. Value属性值,被选择符选择的标签,和包含属性的值,在一个css的样式中,属性和属性值通常都是成对出现,多个对之间使用“;”隔开

selector{property:value;property:value;property:value......}

 

比如:p的样式结构

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <style>
    /*p的样式结构*/
    p {
      color:aqua;
      font-size:2em;
    }
  </style>
</head>
<body>
<p>你好啊</p>
</body>
</html>

猜你喜欢

转载自blog.csdn.net/IT_CREATE/article/details/83902777