QQ:275487025
QQ群:854312770
欢迎各种大牛指点,和小白一起学习。
行内样式(内联式)比如在p标签中使用:
<p style="font-size:10px;color:#FFFFFF;">使用内联式表示的文字内容</p>
特点是:行内样式比其他方法更加简单灵活,但需要和展示的内容混淆在一起,从而会失去样式和内容相分离的优点。行内式是在body中使用的。
内部样式:(内嵌式)
<head>
<style type="text/css"
p
{
font-size:10px;
color:red;
}
</style>
</head>
适合用于当前文档具有独一无二的样式的情况;内嵌式是在HTML的头部标签head里面写的。
外部样式:
外部样式就是要把scc单独写一个文档中,把HTML也单独写一个文档中,通过类似链接的方式把scc和HTML合并,可以说是完全的把外部样式真正实现内容与表现的分离
,因为游览器一般都带有缓存的功能,所以用户不用每次下载css所以说外部样式相比以上两种样式要节省宽带的。有两种方法:(推荐使用第一种)
<head>
.....
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
rel=”stylesheet” 是关系;type=”text/css”是类型,格式;href=”mystyle.css”是css是导入的文件名。
方法2:
<head>
<style typs="text/scc">
@import url("mystyle2.scc")
.../*其他css定义*/
</style>
typs=”text/scc”是格式,@import url(“mystyle2.scc”)这个是用@import导入css(“ 。。。”)这里面的是文件名。
注意:
如果在同一个选择器上同时使用几个不同的样式表时,则样式表的效果将会叠加
如果样式出现冲突,则离选择器越近样式优先级越高
因为行内样式在html元素内部,所以行内样式的优先级是最高的!