css样式嵌套样式,css样式内嵌式

CSS决定网页样式,样式添加可以通过单独文件链接样式、嵌入样式、行内样式几种

有外部式,内嵌式,行内样式。

成都创新互联公司作为成都网站建设公司,专注重庆网站建设公司、网站设计,有关成都定制网页设计方案、改版、费用等问题,行业涉及成都资质代办等多个领域,已为上千家企业服务,得到了客户的尊重与认可。

1、外部式:

(1)用法:当要在站点上所有或部分网页上一致地应用相同样式时,可使用外部样式表。在一个或多个外部样式表中定义样式,并将它们链接到所有网页,便能确保所有网页外观的一致性。如果人们决定更改样式,只需在外部样式表中修改一次,而该更改会反映到所有与该样式表相链接的网页上。

(2)举例:通常外部样式表以 .css 做为文件扩展名,例如 Mystyles.css。然后在需要此样式的页面中将其链接进来。

2、内嵌式:

(1)用法:当人们只是要定义当前网页的样式,可使用嵌入的样式表。嵌入的样式表是一种级联样式表,“嵌”在网页的 标记符内。嵌入的样式表中的样式只能在同一网页上使用。

(2)举例:在 MicrosoftFrontPage2000中,某些格式设置特性会作为内嵌样式自动应用。例如∶如果使用 “边框与阴影” 命令(在 “格式” 菜单上)在普通段落周围应用框,FrontPage 会写下格式设置信息,作为段落标记符的内嵌样式属性。

3、行内样式:

行内样式就是直接把CSS代码添加到HTML的标记中,即作为HTML标记的属性标记存在。通过这种方法,可以很简单地对某个元素单独定义样式。

怎样在CSS中嵌套

CSS结构好的话,没有必要使用过多的类或者标识选择符。这是因为你可以指定在选择符内的选择符,而不必使用CSS嵌套。(或者更好的说法,上下文选择符--译者著)

1、比如:

ExampleSourceCode

#top{  background-color:#ccc;  padding:1em  }  #toph1{  color:#ff0;  }  #topp{  color:red;  font-weight:bold;  }

2、这就减去不必要的类或者标识选择符,如果应用到像这样的HTML中:

ExampleSourceCode

dividdivid="top" h1Chocolatecurry/h1 pThisismyrecipeformakingcurrypurelywithchocolate/p pMmmmmmmmmm/p /div

这是因为,用英文半角空格间隔选择符,我们指明了在标识id内的h1有“#ff0”的颜色,而p则是红色red和粗体bold。这可能也会有些复杂(因为可能不止两级,比如在内在内在内在内等等)。有必要多加练习。

CSS怎么嵌套样式?

.input_1:hover{

border:1px solid #9C0;

}

.input_1:hover .input_2{

background:#9C0;

}

.input_2:hover{

background:#9C0;

}

.input_2:hover .input_1{

border:1px solid #9C0;

}


当前题目:css样式嵌套样式,css样式内嵌式
网站路径:http://myzitong.com/article/dsiciso.html