Rumah > hujung hadapan web > html tutorial > CSS 简介01_html/css_WEB-ITnose

CSS 简介01_html/css_WEB-ITnose

WBOY
Lepaskan: 2016-06-24 11:16:57
asal
1052 orang telah melayarinya

一、css组成

选择器{

属性:值;//说明

}

二、分类(三种)

内联式、嵌入式、外部式

内联式:直接把css代码写在现有的html标签中;

嵌入式:可以把css代码写在标签之间,一般将css样式嵌入

标签之间;

外部式:css代码写在一个单独的文件,这个css样式文件以.css为扩展名,在

标签之间通过引入

说明:在相同权值的情况下,内联式>嵌入式>外部式;(就近原则)

三、选择器分类

1.标签选择器:html代码中的标签

2.类选择器:.类选择器{ }

使用class = “类选择器名称”为标签设置一个类

3.id选择器:#选择器{  }

使用id = “ID名称”为一个标签设置

说明:id和class都可以应用任何元素;ID选择器只能在文档中使用一次,类选择器可以使用多次;类选择器可以为一个元素设置多个样式。

4.子选择器:(>),用于选择指定标签元素的第一代子元素

.first > span{color:red;}

5.包含(后代)选择器:加入空格,用于选择指定标签元素下的后辈元素。

.first span{color:red;}

说明:子选择器仅是指他的直接后代(儿子),后代选择器可以作用于所有子后代的元素(儿子,孙子,重孙等);> 作用元素的后一代,空格作用于元素的所有后代。

6.通用选择器:*

它使用*号。能够匹配所有的html标签。

7.分组选择符:,

多个标签元素设置同一个样式时,可以使用分组选择符(,)

h1,span{color:red;}

四、特性

1.继承:css央视具有继承性,继承是一种规则,它允许该样式不仅应用于某个特定的html标签元素,而且应用与它的后代。

2.特殊性:有的时候同一个标签我们给了多个样式,那么元素会采用哪种样式,取决于这个样式的权值,标签的权值为1,类选择符的权值为10,ID选择符的权值最高为100.

3.层叠:如果html文件中某个元素有多个css样式,并且这些css样式具有一样的权重,这个时候就取决于这些css样式的顺序,处于最后面的css会被应用。

4.重要性:!important。采用这种方式说明这个样式权重最高。

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan