css：层叠样式表

 

css在html4开始使用 为了更好渲染HTML元素

通过以下方式添加到html中

1.内联：html元素中使用style属性

2.内部样式表：在html文档头部<head>区域使用<style>元素包含css

3.外部引用：使用外部css文件

 

语法：

CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明:

CSS声明总是以分号(;)结束，声明总以大括号{}括起来:

p {color:red;text-align:center;}

 

注释：

/*这是一个注释*/

 

 

在html中设置css样式，需要在元素中设置id和class

id选择器：标有认定id的html元素指定特定样式

id属性不能以数字开头

#para1
{
    text-align:center;
    color:red;
}

<p id="para1">Hello World!</p>
<p>这个段落不受该样式的影响。</p>

 

 

class选择器：

可以在多个元素中使用，用一个点  . 号显示

.center {text-align:center;}
 

<h1 class="center">标题居中</h1>
<p class="center">段落居中。</p>