当前位置:首页 > Web开发 > 正文

css引入、三种选择器

2024-03-31 Web开发

 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代码中的标签。例如:htmlspanpdivaimg等。

:

技术图片

二、类选择器

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

:

技术图片

三、id选择器

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

:

技术图片

css引入、三种选择器

温馨提示: 本文由Jm博客推荐,转载请保留链接: https://www.jmwww.net/file/web/42025.html