css基础，HTML引入scc的三种方法

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元素内部，所以行内样式的优先级是最高的！

css基础，HTML引入scc的三种方法

猜你喜欢