码迷,mamicode.com
首页 > Web开发 > 详细

1、CSS 语法和选择器

时间:2018-01-28 14:43:14      阅读:236      评论:0      收藏:0      [点我收藏+]

标签:12px   gpo   教程   css   部分   back   nbsp   实例   html元素   

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

h1
{
color:blue;
font-size:12px;
}

 

选择器通常是您需要改变样式的 HTML 元素。
每条声明由一个属性和一个值组成。
属性是您希望设置的样式属性。每个属性有一个值。属性和值被冒号分开。

 


CSS 注释:

/*这是个注释*/

 


选择器的优先级:

 

标签内部样式 > id > class > 标签选择器


标签选择器实例:

<style>
h3{
color:red;
}
</style>
<h3>菜鸟教程</h3>

 


id 选择器:

id 选择器可以为标有特定 id 的 HTML 元素指定待定的样式。

HTML 元素以 id 属性来设置 id 选择器,CSS 中 id 选择器以添加“ # ”来定义:

HTML--->

id = prar1

CSS--->

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

 


class 选择器:

lass 选择器用于描述一组元素的样式,class 选择器有别于id选择器,class可以在多个元素中使用。

class 选择器在HTML中以class属性表示, 在 CSS 中,类选择器以一个点"."号显示:

.center
{
text-align:centr;
}

 

也可以指定特定的HTML元素使用classa选择器:

h1.center
{
text-align:center
}

 

1、CSS 语法和选择器

标签:12px   gpo   教程   css   部分   back   nbsp   实例   html元素   

原文地址:https://www.cnblogs.com/blackfriday/p/8370985.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!