CSS概述
层叠样式表, 可以对html页面进行美化,实现了显示内容的html代码和展示样式的css代码的分离,增强了页面的展示能力
在html页面中引入css样式的方式
(1)通过标签上的style属性引入 可以使用标签上的style属性为当前标签指定具体的css样式 <div style="color:red">aaabbbccc</div> 适用于个别标签添加样式,不建议在页面中大量使用,不利于代码后期的维护
(2)通过style标签的方式引入
在页面的<head>标签中, 通过在<style type="text/css"></style>标签内写css样式的方式引入css, 可以将所有的样式代码集中统一管理,初步实现了样式和html代码的分离 (3)通过链接方式引入CSS样式 在HTML页面的head标签中,通过一个<link rel="stylesheet" href="1.css" type="text/css"/>标签引入外部的css文件的内容 可以将所有的样式代码集中统一管理,真正实现了样式和html代码的分离
(4) 通过@import在css代码中引入另外一个css文件
@import url("common.css");