核心提示:css三种样式表区别,优先级。行内样式表(内嵌样式)混合在HTML标记使用,在其里面加入style参数。好处:简单对某个元素单独定义样式。例如:p style=;-------------------...
css三种样式表区别,优先级。
行内样式表(内嵌样式)混合在HTML标记使用,在其里面加入style参数。
好处:简单对某个元素单独定义样式。
例如:<p style=";">
--------------------------------------------------------------------------------------------------------------------------------------------
文档层样式表(内部样式表)把样式表放入<head>区里应用到页面中。
例如:
<head>
<style type="text/css">
p{ }
</style>
</head>
重点:此中_处与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>
优先级:从上到下↓