css引入、三种选择器

 css的引入方式有三种:行类样式、内部样式、外部样式表

一、行内样式

使用style样式引入css样式。

二、内部样式

在style标签中书写css代码。Style标签写在head中。

三、外部样式表

css代码保存在扩展名为.css的样式表中

html文件引用扩展名为.css的样式表、有两种方式:链接式、导入式。

链接式与导入式的区别

<link>

1、属于XTHML

2、优先加载css文件到页面

@import

1、属于css2.1

2、先加载HTML结构在加载css文件。

css三种选择器

一、标签选择器

标签选择器其实就是我们经常说的html代码中的标签。例如:html、span、p、div、a、img等。

例:

二、类选择器

类选择器是css代码中最常用的，它通过为元素单独设置class来赋予元素样式效果。注意:1.类选择器都是使用英文圆点开头，每个元素可以有多个类名。

例:

三、id选择器

id选择器类似于选择符，作用和类选择符相同，但也有一些重要的区别。注意:1:id选择器为标签设置id=”id名称”，而不是class=”类名称”。2:id选择器前面的符号为#号。

例:

原文地址：https://www.cnblogs.com/clda/p/11965501.html