css选择器有哪些?

html-css018

css选择器有哪些?,第1张

1、标签选择器(如:body,div,p,ul,li)。

2、.类选择器(如:class="head",class="head_logo") 。

3、ID选择器(如:id="name",id="name_txt")。

4、全局选择器(如:*号)。

5、.组合选择器(如:.head .head_logo,注意两选择器用空格键分开)。

6、.继承选择器(如:div p,注意两选择器用空格键分开)。

7、伪类选择器(如:就是链接样式,a元素的伪类,4种不同的状态:link、visited、active、hover。)。

8、字符串匹配的属性选择符(^ $ *三种,分别对应开始、结尾、包含) 。

扩展资料:

css选择器的基本定义是:每一条css样式定义由两部分组成,形式如下: [code] 选择器{样式} [/code] 在{}之前的部分就是“选择器”。

说了这么一大段话,其实简而言之,就是要使用css对html页面中的元素实现一对一,一对多或者多对一的控制,这就需要用到CSS选择器,html页面中的元素就是通过CSS选择器进行控制的。

参考资料来源:百度百科—css选择器

包含块(Containing Block)是视觉格式化模型的一个重要概念,它与框模型类似,也可以理解为一个矩形,而这个矩形的作用是为它里面包含的元素提供一个参考,元素的尺寸和位置的计算往往是由该元素所在的包含块决定的。

包含块简单说就是定位参考框,或者定位坐标参考系,元素一旦定义了定位显示(相对、绝对、固定)都具有包含块性质,它所包含的定位元素都将以该包含块为坐标系进行定位和调整。

原理

一个元素盒子的位置和大小有时是通过相对于一个特定的长方形来计算的,这个长方形就被称之为元素的 containing block。一个元素的 containing block 按以下方式定义:

用户代理(比如浏览器)选择根元素作为 containing block(称之为初始 containing block)。

对于其它元素,除非元素使用的是绝对位置,containing block 由最近的块级祖先元素盒子的内容边界组成。

如果元素有属性 'position:fixed',containing block 由视口建立。

如果元素有属性 'position:absolute',containing block 由最近的 position 不是 static 的祖先建立,按下面的步骤:

如果 direction 是 ltr(左到右),祖先产生的第一个盒子的上、左内容边界是 containing block 的上方和左方,祖先的最后一个盒子的下、右内容边界是 containing block 的下方和右方。

如果 direction 是 rtl(右到左),祖先产生的第一个盒子的上、右内容边界是 containing block 的上方和右方,祖先的最后一个盒子的下、左内容边界是 containing block 的下方和左方。

如果祖先是块级元素,containing block 由祖先的 padding edge 形成。

如果祖先是内联元素,containing block 取决于祖先的 direction 属性。

如果没有祖先,根元素盒子的内容边界确定为 containing block。

您好,我给你讲一下CSS的类型吧。希望对你有用! 一般定义CSS有四种设置方式。 1.内联样式表 2.嵌入样式表 3.外部样式表 4.输入样式表 我做一下简单的解释帮助您理解。 第一种,内联样式表。 是指 直接在任何标签里面加入样式(style)。比如B标签可以写成 <b style="color:blue">wwwww</b>优点:每个标签都可以加独立样式,灵活性高。 缺点:每个标签逐个加样式,时间耗费较大。 第二种,嵌入样式表。 是指利用<style>标签将CSS嵌入到HTML中。<style>一般写在头部(head)中。 比如控制页面<P>标签的样式, <style>p { color:bluefont-size:4cm} </style>优点:嵌入样式表能够控制整个当前页面的样式。 缺点:不能控制其他页面样式。其他页面想要同样的样式,就必须在其他页面再嵌入样式表。 第三,外部样式表。 是指将 样式 定义在一个独立的 css文本 中。然后通过link的链接方式与网页关联。 首先得创建一个后缀为.css的文档。然后直接在文档中编写样式。最后通过link方式链接到HTML中。 如:<link rel="stylesheet type="text/css href=".css的文档名称">一般做网站,建议使用外部样式表,因为外部样式表使用使文件减小,提升读取速度,便于修改,时效性强。 第四,输入样式表。是指将一个样式文件输入到另一个样式文件中,把样式层叠起来的效果。 方法:打开一个样式文件,输入 @import url(另一个样式文件地址) 这样就可以把两个样式表的效果层叠起来。 样式表的功能很强大,内容也很多。不可能用三言两语把全部内容给你讲解,请原谅。 我已经尽量把骨干重点挑出来帮助你理解。 如果你是希望学习CSS的,建议您到买本书,认真琢磨。配合网上素材,结合自己的实践。 应该很容易掌握好CSS的运用。 好了,祝您学习愉快。