1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > css中的选择器包括哪些类型 css几种选择器的使用 – CSS – 前端 如何css布局

css中的选择器包括哪些类型 css几种选择器的使用 – CSS – 前端 如何css布局

时间:2018-11-17 01:33:11

相关推荐

css中的选择器包括哪些类型 css几种选择器的使用 – CSS – 前端 如何css布局

基本使用:

.类选择器{

属性名: 属性值;

…}

2.id选择器

基本使用:

#id选择器{

属性名: 属性值;

}

3. html元素选择器

某个html元素{

属性名: 属性值;

}

4.通配符选择器

该选择器可以用到所有的html元素,但是其优先权最低

*{

属性名: 属性值;

}

@ css规则?

在CSS样式规则

1.选择器用于指定CSS样式作用的HTML对象,花括号内是对该对象设置的具体样式。

2.属性和属性值以“键值对”的形式出现。

3.属性是对指定的对象设置的样式属性,例如字体大小、文本颜色等。

4.属性和属性值之间用英文“:”连接。

5.多个“键值对”之间用英文“;”进行区分。

@ css分成哪三类?

CSS样式分为:内联式css样式、嵌入式css样式、外部式css样式。

对CSS三种样式定义及其实例:

内联式css样式。

内联式css样式表就是把css代码直接写在现有的HTML标签中,如下面代码:

1 <p>这里文字是红色。</p> css样式代码要写在style=""双引号中,如果有多条css样式代码设置可以写在一起,中间用分号隔开(英文状态下;)。

嵌入式css样式。

嵌入式css样式,就是可以把css样式代码写在标签之间。如下面代码实现把三个标签中的文字设置为红色:

1 <style type="text/css">span{color:red;}</style>

嵌入式css样式必须写在之间,并且一般情况下嵌入式css样式写在之间。

外部式css样式。

外部式css样式(也可称为外联式)就是把css代码写一个单独的外部文件中,这个css样式文件以“.css”为扩展名(也可以为调用其他网站CSS)。

1 <link href="style.css" rel="stylesheet" type="text/css" />

注意事项: 1、css样式文件名称以有意义的英文字母命名,如 main.css。 2、rel=”stylesheet” type=”text/css” 是固定写法不可修改。 3、标签位置一般写在标签之内。

@ css选择器识别范围?

css选择器优先级核心:每个选择器本身有优先级,作用范围越具体优先级越高。

CSS优先级从高到低分别是:

1.在属性后面使用 !important 会覆盖页面内任何位置定义的元素样式。

2.作为style属性写在元素标签上的内联样式

3.id选择器

4.类选择器

5.伪类选择器

6.属性选择器

7.标签选择器

8.通配符选择器

9.浏览器选择器

当CSS样式的规则由多个选择器组成时,id选择器的权值为1000,class选择器为100,标签选择器为10,按权值求和的记过高低决定哪个优先。当两个css规则的权值相同时,谁更具体用谁,也就是权值高的选择器作用的越具体优先级越高。当两个选择器规则和权值都是一样,后面样式会覆盖前面的!

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