CSS基础

1.CSS的全称是（Cascading Style Sheets）层叠样式表

2.CSS有三种引入方式：

• 内联式
• 嵌入式
• 外联式

link 和@import 的区别

• link是html的标签；而@import是css的语法。
• link引用css时，在页面载入时同时加载；@import需要页面网页完全载入以后加载。
• link是html标签，无兼容问题；@import是在CSS2.1提出的，低版本的浏览器不支持。
• link支持使用js控制DOM去改变样式；而@import不支持。

3.以下这几种文件路径分别用在什么地方，代表什么意思?

• css/a.css（文档所在目录下的css文件夹中的a.css文件）
• ./css/a.csshtml（文档所在目录下的css文件夹中的a.css文件）
• b.css（文档所在目录下的b.css文件）
• ../imgs/a.png（文档上级目录下的imgs文件夹中的a.png文件）

以上为相对路径，用在本地环境和服务器上的文件调用。

• /Users/hunger/project/css/a.css（a.css文件的完整地址）
  上面是绝对路径，文件的完整地址，用于本地环境的调用上
• /static/css/a.css（网站服务器中，文档同级目录中static文件夹下css文件夹中的a.css文件）
• http://cdn.jirengu.com/kejian1/8-1.png（图片的url）
  上面是网站路径。

在js.jirengu.com上展示一个图片

可以用img标签插入或用css样式插入背景图片
语法：

• ![](https://img.haomeiwen.com/i5353012/94cdd3b76b69ce7c.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
• background: url(http://cdn.jirengu.com/kejian1/8-1.png);

关于html和css的书写规范举例

• 统一用小写编写代码；
• 使用CSS缩写属性：font:100%/1.5 Microsoft YaHe；
• 去掉小数点前的“0”：font-size：.5；
• 命名变量要带有意义，可适当简写如,导航:navi→nav；
• 16进制颜色代码缩写：#00ffff→#0ff；
• 命名时两个单词用”-“中横线连接；
• 代码块状缩进：

div{
     color: red;
}

• 冒号":"后加空格，使代码更易读；
• 注释的语法，html中”``“；css和js中”/*注释内容*/“；js的单选中”//注释内容“；