码迷,mamicode.com
首页 > Web开发 > 详细

css引入、三种选择器

时间:2019-12-01 13:22:59      阅读:153      评论:0      收藏:0      [点我收藏+]

标签:的区别   html   info   元素   使用   import   strong   com   font   

 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引入、三种选择器

标签:的区别   html   info   元素   使用   import   strong   com   font   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!