CSS基础

2017-10-30 本文已影响0人 gigi1226

1、 CSS的全称是什么?

层叠样式表Cascading Style Sheets

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

内联样式
<h1 style="height:40px;color:red"> </h1>

内部样式

<style type="text/css"> 
  h1{
          color: red;
          font-size: 30px;
  }
/style>

外部样式

链接样式
<link rel="stylesheet" type="text/css" href="index.css">
导入样式
在HTML初始化时会被导入到HTML或CSS文件中，成为文件的一部分
<style>
   @import url("style.css");
   @import "style.css";
</style>

link和@import的区别

link：html标签，不存在兼容性问题，会随着网页的加载而同时被加载，优先级高于@import，可以调用CSS以外的文件
@import：CSS语法，只能调用CSS文件，兼容IE5以上，等待页面加载完后才能被加载
还有使用用dom控制样式时有差别，使用js去控制dom去改变样式时只能用link，@import不是dom可控制的

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

   css/a.css  相对路径，同一目录下css文件夹中的a.css文件
   ./css/a.css 相对路径，同上
   b.css 相对路径，当前目录下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  网站路径