HTML引入CSS样式三种方法及优先级 CSS样式的写法

HTML引入CSS样式三种方法及优先级:

方法

    css的样式引用由3种方式。分别为行内样式、内部样式(嵌入式)和外部样式;

行内样式:                  在对象的标记内使用对象的style属性定义适用的样式表属性,格式定义为 :<div style="内容"><div>;

内部样式(嵌入式):是由<style></style>标记对放在<head></head>中;

外部样式 :                  是把CSS文件放在网页外面,通过链接<link>使CSS文件对本网页的样式有效,<link type="text/css" rel="stylesheet"  href="css                                         文件的存放地址">;

 

优先级:行内样式最高、内部样式(嵌入式)次之、外部样式优先级最低;

CSS样式的写法:

每个属性有一个值。属性和值被冒号分开;如果要定义不止一个属性,则需要用分号将每个声明分开;

分类:

1、组选择器:

被分组的选择器可以分享相同的声明,用逗号将需要分组的选择器分开;

 

h1,h2,h3,h4,h5,h6 {
  color: green;
}

 

2、后代选择器:

通过依据元素在其位置的上下文关系来定义样式;

li strong {
    font-style: italic;
    font-weight: normal;
}

3、ID选择器:

id 选择器以 "#" 来定义;

#red {color:red;}
#green {color:green;}

4、CLASS类选择器:

.center {text-align: center;}

5、伪类选择器:

<a></a>

a:link {color:red;}
a:visited {color:green;}

6、继承:

子元素继承父元素的样式;子元素的子元素同样继承样式;若不想被继承,则其css样式要重写;

转载于:https://www.cnblogs.com/wyingli/p/7039933.html

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值