Question

PHP面试题：如何在在页面中引用CSS有几种方式

Answer 1

一般说三种：
1，内联样式
内联样式是直接在html标签上定义该标签的css样式，如：

<div style="width:100px;height:100px;"></div>

2，内部样式
内部样式是写在html文件中，且包含在<style></style>代码块中，style写在head里面如：

<style>
div{width:100px;height:1000px;}
</style>
<div></div>

3，外部样式
外部样式是通过在html中引用外部css文件来控制样式，如：
html文件中写入引用语句：

<link href="css文件路径" rel="stylesheet" media="screen" />
我觉得可能加入第4种：
通过js动态加载。

Answer 2

下面没有说全，我来简单补充一下，

内联样式：

<div style="width:100px;height:100px;"></div>

【最高优先级】

内部样式：

<style>div{width:100px;height:100px;}</style>

【一般优先级】

外部样式1、：<link href="css文件路径" rel="stylesheet" media="screen" />【一般优先级】

外部样式2、@import  url("CSS路径") 媒体类型列表(可选) 【一般优先级】

由于低版本浏览器的问题，外部样式2目前已经比较少人用了。

一般优先级的顺序是后面的样式将覆盖前面的样式，而最高优先级，则无法被覆盖。

在CSS3中，还引入了一种复合镶嵌的CSS（不知道算不算一种），具体格式如下

@media screen and (max-width: 300px) {
    body {
        background-color:lightblue;
    }
}

Answer 3

楼下说的就很对，你直接采纳吧！