-内嵌样式:
就是把css代码嵌入到html标签中
<div style="color:red;font-size:500px;">哈哈哈哈</div>
语法:
使用style属性将样式嵌入到html标签中
属性的写法:
属性:属性值
多个属性之间用分号隔开
不建议使用内嵌样式
-内部样式:
在head标签中使用style标签进行css的引入
<style type="text/css">
div{color:blue;font-size:888px}
</style>
<div>div1</div>
语法:
使用style标签进行css的引入
<style type="text/css">
属性type:告诉浏览器使用css解析器来解析
属性的写法:
属性:属性值
多个属性之间用分号隔开
-外部样式:
将css样式代码从html代码中抽取出来放在一个单独的文件中,
然后那个html要用就去引用它即可
<link rel="stylesheet" type="text/css" href="cssdemo.css"/>
语法:
创建css文件,将css属性写在css文件中,在head中使用link标签进行引入
<link rel="stylesheet" type="text/css" href="css文件地址"/>
rel:代表引入的文件和html的关系,我是你的样式表
type:告诉浏览器使用css解析器来解析
href:css文件地址
属性的写法:
属性:属性值
多个属性之间用分号隔开
-@import方式
<style type="text/css">
@import url("cssst.css");
</style>