CSS基础
1. CSS简介
2. CSS的编写位置
2.1 行内样式
<h1 style="CSS代码">你好</h1>
2.2 内部样式
写在 html 页面内部,将所有的 CSS 代码提取出来,单独放在 <style> 标签中。
<style>
h1 {
color: red;
font-size: 40px;
}
</style>
注意点:
2.3 外部样式
h1{
color: red;
font-size: 40px;
}
<link rel="stylesheet" href="./xxx.css">
注意点:
3. 样式表的优先级
优先级规则:行内样式 > 内部样式 = 外部样式
分类 | 优点 | 缺点 | 使用频率 | 作用范围 |
---|---|---|---|---|
行内样式
| 优先级最高 | 1. 结构与样式未分离 2. 代码结构混乱 3. 样式不能复用 | 很低 | 当前标签 |
内部样式 | 1. 样式可复用 2. 代码结构清晰 | 1. 结构与样式未彻底分离 2. 样式不能多页面复用 | 一般 | 当前页面 |
外部样式 | 1. 样式可多页面复用 2. 代码结构清晰 3. 可触发浏览器的缓存机制 4. 结构与样式彻底分离 | 需要引入才能使用 | 最高 | 多个页面 |
4. CSS语法规范
/* 给h1元素添加样式 */
h1 {
/* 设置文字颜色为红色 */
color: red;
/* 设置文字大小为40px */
font-size: 40px
}
5. CSS代码风格
h1 {
color: red;
font-size: 40px;
}
h1{color:red;font-size:40px;}
原文地址:https://blog.csdn.net/lvshihao_/article/details/140445914
免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!