css引入、三种选择器

徘徊边缘 提交于 2019-12-06 06:28:15

 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选择器前面的符号为#号。

:

 

 

 

 

 

 

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!