html样式 CSS(Cascading Style Sheets)

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>

 

 
posted @ 2021-10-12 11:56  Aemnprsu_wx  阅读(140)  评论(0编辑  收藏  举报