CSS基础

CSS的全称是什么?

CSS为Cascading Style Sheets，层叠式样式表，用于设置网页结构，实现各式的网页效果。

CSS有几种引入方式? link 和@import 有什么区别?

CSS有三种引入方式，分别为：

1. 内联样式

<h2 style = "color:red;"> </h2>

2. 内部样式

 <style type = "text/css"> 
    color: red;
 </style>

3. 外部样式：使用链接引入方式加载样式

 <link rel="stylesheet"  href="index.css">

  # 以下两种引入方式需放在style标签中
 @import url("*.css")
 @import "world.css"

• link属于html标签，而@import是css提供的。
• 页面被加载时，link会同时被加载，而@import引用的css会等到页面加载结束后加载。
• link是html标签，因此没有兼容性，而@import只有IE5以上才能识别。
• link方式样式的权重高于@import的。

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

• css/a.css：相对目录，html文件所在目录下css文件夹中的a.css文件
• ./css/a.css：相对目录，与上一条等价
• b.css：相对目录，html文件所在目录的b.css文件
• ../imgs/a.png ：相对目录，上层目录下imgs文件夹中a.png
• /Users/hunger/project/css/a.css :绝对目录，路径位置就是文件实际位置
• /static/css/a.css：网络路径，代表网站根目录下 static/css 文件夹中的a.css文件的位置
• http://cdn.jirengu.com/kejian1/8-1.png :网络路径，代表图片8-1.png在网站上的位置

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

1. 首先将图片上传到一个图床，获得一个图片的外链地址a.b；
2. 使用img标签，将a.b放入src属性中即可。

列出5条以上html和 css 的书写规范

1. 语法使用小写；
2. 不使用内联样式；
3. id class命名用有意义的单词，分隔时使用-；
4. 块内容缩进使代码更清晰可读；
5. 属性名冒号后加空格；

截图介绍 chrome 开发者工具的功能区

开发者1.JPG