系统版本:windows7
在网页中css主要负责html文档的样式显示,CSS引入的方式大致可以分为四种,分为是行内样式、内嵌样式、链接样式和导入样式。
1、行内样式
行内式也叫内联样式,是指标记的style属性中设定css样式。
<div style="background: red;">hello world!div>
2、内嵌样式
style元素位于head标签内部,type属性指定css代码的文档类型。
<head> <style type="text/css"> div{background: red;} style> head>
3、链接样式
它在网页的标签对中使用标记来引入外部样式表文件。
<link type="text/css" rel="stylesheet" href="CSS样式文件的地址">
4、导入样式
导入外部样式单主要通过@import方式导入css文件,有两种导入方式 。
(1)在style元素中导入CSS文件
<style type="text/css"> @import "CSS样式文件的绝对地址"; @import url("样式文件的绝对地址"); style>
(2)在CSS文件中再导入CSS文件
/*某个CSS文件*/ @import "另一个CSS文件的地址"; .test{ width: 100px; height: 100px; line-height: 20px; background-color: red; }