css的四种样式应用,css样式的三种方式

CSS样式有那四种类型？请对每一种类型进行简要说明

小弟才疏学浅只知道三种，我就先说三种类型吧，不足的请补充

内联样式、内部样式、外部样式

内联样式：样式直接写在标签内的叫做内联样式。权值大于内部样式和外部样式。

例如：div style="width:100px;height:100px;border:1px solid #000;background:red;"你好/div

内部样式：样式写在头部内的叫内部样式。权值大于外部样式，小于内联样式。

例如：

html

head

style

#d1{

width:100px;

height:100px;

border:1px solid #000;

background:red;

}

/style

/head

body

div id="d1"你好/div

/body

/html

外部样式：样式写在后缀名为.css的文件中，然后通过在html页头引入css文件的方式叫外部样式。权值小于内联样式和内部样式。

例如：

html

head

link rel="stylesheet" href="css样式文件地址"

/head

body

div id="d1"你好/div

/body

/html

CSS规则有哪四种类型，各有什么特点

1. 标签名选择器 div { color：Red;} 即页面中的各个标签名的css样式

2.类选择器 .divClass {color:Red;} 即定义的每个标签的class 中的css样式

3.ID选择器 #myDiv {color:Red;} 即页面中的标签的id

4.后代选择器（类选择器的后代选择器） .divClass span { color:Red;} 即多个选择器以逗号的格式分隔 命名找到准确的标签

CSS样式的四种调用方式有什么不同？优先级有什么不同

在HTML中常用以下三种方式定义CSS：embedding（嵌入式）、linking（外部引用式）和inline（内联式，也称行内样式）。

一：嵌入式

用户可在HTML文档头部定义多个style元素，实现多个样式表。

二：外部引用式

①可以在多个文档间共享样式表，对于较大规模的网站，将CSS样式定义独立成一个一个的文档，可有效地提高效率，并有利于对网站风格的维护。

②可以改变样式表，而无需更改HTML文档，这也与HTML语言内容与形式分开的原则相一致。

③可以根据介质有选择的加载样式表。

三：内联式

使用该属性可以直接指定样式，当然，该样式仅能用于该元素的内容，对于另一个同名的元素则不起作用。

优先级：

内联式内嵌式外部引用式