请简要说明css样式表中三种选择器(三种样式)的特点

html-css019

请简要说明css样式表中三种选择器(三种样式)的特点,第1张

CSS选择器的类型分为3类:标记选择器、类别选择器和ID选择器。(可能名称有不同的说法,但意思都是一样的)

标记选择器是利用HTML的标记直接定义标记内容的样式,如:h1{

color:red

font-size:25pt}

类别选择器是通常说的class选择器,定义的时候要在名称前加.如:.one{

color:red

font-size:25pt}

ID选择器定义的时候要在前面加#,如:#box

{

color:red

font-size:25pt}

利用DW写CSS的时候,高级就是上面说的ID选择器,ID选择器的名字可以任意命名,可以自己定义,可是标签就只能是HTML语言里制定的那些标记,不能自己定义。

第一种是内嵌式,这种方法是以前学习css样式常用到的,也就是把css样式代码写入到<head>头部信息中去。比如给网页设置背景颜色之后就会在<head>头部信息中加入一个代码,<head>中多了一body的样式。

第二种行内样式,也就是直接在html样式中输入css样式,比如在标题1也就是<h1>中直接输入style之后可以选择样式属性值。

要是再设置,就要输入;空一格,在选择其他的样式属性值。但是这种方法不建议使用。

第三种连接式,这种方法时目前最常使用的,可以直接为多个网页页面直接使用。

点击新建css规则,在弹出的新建css规则对话框中选择需要的选择器和名称,在规则定义中选择新建样式表文件,点击确定。

在弹出的对话框中选择css样式文件命名,并选择要放置的文件夹。

然后在编辑css样式属性,在代码中就多了一个连接css文件的代码,在窗口上面多了一个scc样式文件,要是把这个css样式文件要用到其他的网页中,只要把css的连接代码复制到其他的网页中去,其他的网页也就能适用这个css样式文件设置的属性,我们可以把整个网站的网页的全部属性放置在这个css样式文件中去。以后在更改网站风格的时候,只要更改这个css样式文件即可。

图文详情请看:http://jingyan.baidu.com/article/e75aca8559f402142fdac671.html