CSS基础

---

CSS全称

---

Cascading Style Sheets 层叠样式表CSS是一种样式表语言，用于为HTML文档定义布局, 例如，CSS涉及字体、颜色、边距、高 度、宽 度、背景图像、高级定位等方面

---

css引入方式

---

• 外部样式：

<link rel="stylesheet" href="styles.css">
@import a.css

• 内联样式：<h1 style="width:100px"></h1>
• 内部样式：

<style>
h1{
padding:10px;
}
</style>

---

link和@import的区别

---

• link是html标签，@import是css提供的方式。
• link可以加载其他的东西，@import只能加载css
• 加载顺序有区别，在页面加载的时候，link引用的css也会被加载。@import会在页面加载完后才被加载
• 在兼容性上有区别，@import是css2.1被提出来的，所以在IE5以上才被支持，link并无兼容性问题。
• 在dom操作的时候。只有link标签才可以被改变。@import不受js控制

---

路径

---

相对路径

• css/a.css:当前css文件下的a.css文件
• ./css/a.css：当前css文件下的a.css文件
• b.css：当前文件下b.css
• ../imgs/a.png上一级文件下img文件下的a.png文件
• /static/css/a.css static文件下的css文件下a.css文件
  绝对路径
• /User/hunger/project/css/a.css

---

在js.jirengu.com上展示一个图片，需要怎么操作?

• 把图片上传到服务器。并引入相对路径
• 直接引用其他网站的图片路径

---

html和 css 的书写规范

• 使用 4 个空格做为一个缩进层级，不允许使用 2 个空格 或 tab 字符。
• class 必须单词全字母小写，单词间以 - 分隔。
• 对于无需自闭合的标签，不允许自闭合,例如input、br、img、hr等
• 对 HTML5 中规定允许省略的闭合标签，不允许省略闭合标签。
• 使用 HTML5 的 doctype 来启用标准模式，建议使用大写的 DOCTYPE。
• 页面必须使用精简形式，明确指定字符编码。指定字符编码的 meta 必须是 head 的第一个直接子元素。
• 引入 CSS 时必须指明 rel="stylesheet"。