CSS样式是一种用来表示HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。

CSS能够对 网页中的对象的位置排版进行像素级的精准控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力,并能够进行初步交互设计。

今天我们就主要讲一下CSS样式表的特征。那么首先我们先来温故一下CSS样式都有哪些呢?
CSS样式知道了,但是样式表的特征你了解了吗?

1、内联方式

使用style属性,只是对当前标签有效,页面内容和样式高度耦合(直接把CSS代码用style属性添加到开始标签中)

< p style=”color:red”>红色字体< /p>

2、内部样式表

在head中使用style标签,当前页面有效,内容和样式一定程度分离,但是不彻底(直接把CSS代码添加到头部的style标签中)

< head>

< style>

P{color:red;}

< /style>

< /head>

3、 外部样式表

将样式写到一个单独CSS文件中,需要用到HTML文件,引用它即可。

< link rel="stylesheet" href=""/> StyleSheet,的意思就是样式调用

4、 导入式

< head>

< style>

@import url(my.css);

< /style>

< /head>
CSS样式知道了,但是样式表的特征你了解了吗?

CSS样式表特征都有哪些呢?

1.继承性

指被包含在内部的标签可以拥有外部标签的样式,比如:text-、font-、line-*,但有些属性不能继承,比如:border、padding、margin

2.层叠行

可以为一个元素定义多个样式规则

多个样式规则中,如果样式声明不重复的话,那么则可以层叠为一个样式规则

3.优先级

样式定义冲突时,按照不同样式规则的优先级来应用样式

1.相同的选择器,其样式表排序:行内样式>内部样式>外部样式(就近原则)

2.相同方式的样式表,其选择器表示:ID选择器>类选择器>标签选择器(范围越小越优先)

3.外部样式表的ID选择器>内部样式表的标签选择器
CSS样式知道了,但是样式表的特征你了解了吗?

(ps:如果您觉得有用,请点赞转发,让更多人看到哦)


小伙伴也可以加一下QQ群,可以获取资源以及更多学习方法哦

QQ群:1126277960 (暗号:CSDN)

相关文章:

  • 2022-01-29
  • 2021-07-12
  • 2021-04-23
  • 2021-08-25
  • 2021-09-03
  • 2021-12-31
  • 2022-01-07
  • 2021-05-06
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2022-02-16
  • 2021-08-11
  • 2022-12-23
  • 2021-12-10
  • 2022-12-23
相关资源
相似解决方案