行内样式
- css代码写在开始标签style中
- 可以设置多个样式，需要使用“；”隔开
<div style="color:red; font-size:30px;">内容</div>
内部样式
- 写在网页的head标签中
- 在style标签中写
- 使用css编辑语言
<head>
<style type="text/css">
div {
color:red;
font-size:30px;
}
</style>
</head>
外部样式
- css样式写在一个单独的文件中
- 需要在head标签中添加link用以指定文件的位置
- 同一个页面可以引入多个css文件
- css文件的书写方式与style样式中的相同
- 是使用最多的样式 引入方式
<head>
<link rel="stylesheet" href="./a.css" />
</head>
导入样式
是将b样式导入a样式中，这样直接在html页面引入a样式就可以
不常用：因为页面加载时先加载了html页面，再加载css文件，会造成页面的延迟加载，因此不推荐使用
//在a.css文件的开头引入b.css文件
@import url（“b.css”）
div { color:red; }
css如何注释
- ctrl+“/” = /* */
- 使代码更清晰，易于修改
//一个简写
div.content
===
<div class="conent">内容</div>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
