1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > 简述css选择器的引入方式有哪几种 css四种样式哪种拥有最高级 – CSS – 前端 css 纹理

简述css选择器的引入方式有哪几种 css四种样式哪种拥有最高级 – CSS – 前端 css 纹理

时间:2020-11-22 04:41:33

相关推荐

简述css选择器的引入方式有哪几种 css四种样式哪种拥有最高级 – CSS – 前端 css 纹理

行内样式又叫标签样式,它是在标签里面加上style属性内嵌样式的样式写在style标签里面(style标签在head标签内)外链样式:第一步:建立一个.css的文件,在里面写css样式, 第二步:head标签内写入link标签(link可以存在在body标签里但是不推荐用), 第三步:link里href属性将css文件引入。导入样式是把@import放在style标签中

要使用css对HTML页面中的元素实现一对一,一对多或者多对一的控制,这就需要用到CSS选择器。HTML页面中的元素就是通过CSS选择器进行控制的。

每一条css样式定义由两部分组成,形式如下:[code] 选择器{样式} [/code] 在{}之前的部分就是“选择器”。“选择器”指明了{}中的“样式”的作用对象,也就是“样式”作用于网页中的哪些元素。

包括:直接在标签内设置、在html内部定义style、和导入css文件三种方式。

导入css文件可以使用link标签,或者@import关键字。

两者区别(复制粘贴):

1.从属关系区别

@import是 CSS 提供的语法规则,只有导入样式表的作用;link是HTML提供的标签,不仅可以加载 CSS 文件,还可以定义 RSS、rel 连接属性等。

2.加载顺序区别

加载页面时,link标签引入的 CSS 被同时加载;@import引入的 CSS 将在页面加载完毕后被加载。

3.兼容性区别

@import是 CSS2.1 才有的语法,故只可在 IE5+ 才能识别;link标签作为 HTML 元素,不存在兼容性问题。

4.DOM可控性区别

可以通过 JS 操作 DOM ,插入link标签来改变样式;由于 DOM 方法是基于文档的,无法使用@import的方式插入样式。

CSS有四种引入方式:1、使用“<link href="css文件地址">”引入css样式;2、使用“@import"css文件地址"”引入css样式;3、在style标签里写css样式;4、在元素标签里使用style属性写css样式。

(1)链接式 : 在网页的<head></head>标签对中使用<link>标记来引入外部样式表文件,使用html规则引入外部css (用得比较多) :

(2)导入式 : 将一个独立的.css文件引入HTML文件中,导入式使用CSS规则引入外部CSS文件。

(3)内联css文件,直接在header 里面写css。

(4) 直接在标签里面写样式

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。