您现在的位置:首页 >> 前端 >> 内容

css三种样式表区别,优先级。

时间:2017/3/28 9:55:00 点击:

  核心提示:css三种样式表区别,优先级。行内样式表(内嵌样式)混合在HTML标记使用,在其里面加入style参数。好处:简单对某个元素单独定义样式。例如:p style=;-------------------...

css三种样式表区别,优先级。

行内样式表(内嵌样式)

混合在HTML标记使用,在其里面加入style参数。

好处:简单对某个元素单独定义样式。

例如:<p style=";">

--------------------------------------------------------------------------------------------------------------------------------------------

文档层样式表(内部样式表)

把样式表放入<head>区里应用到页面中。

例如:

<head>

<style type="text/css">

p{ }

</style>

</head>

css三种样式表区别,优先级。重点:此中_处与html标签对应。

单独p:应用到所有p标签

#name{}:对应<p id=name/>

.name{}:对应<p class=name/>

--------------------------------------------------------------------------------------------------------------------------------------------

外部样式表

好处:方便一个样式表文件可以应用多个页面,减少工作量。

css样式在另外在一个xxx.css文件内,链入方式:

<head>

<link href="xxx.css"(文件名,文件所在位置) rel="stylesheet"(在页面中使用这个外部样式表) type="text/css"(文件类型:样式表文本) media="all"(选择媒体类型)>

</head>

优先级:从上到下↓

Tags:CS SS S三 三种 
作者:网络 来源:xbala_的博客