CSS基础

2017-08-19 本文已影响0人 cccccccc7355608

CSS全称：Cascading Style Sheets,层叠样式表

引入方式：

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

<!--link方式引入外部样式-->
<head>
    <link rel="stylesheet" type="text/css" href="index.css">
</head>

<!--@import方式引入外部样式-->
<style>
    @import url("hello.css");
    @import "world.css";
</style>

link与@import之间区别

文件路径

相对路径
- css/a.css 同级目录中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 根目录中绝对路径下的a.css文件
网站路径
- /static/css/a.css 站点中的绝对路径
- css/a.css 相对路径同级目录中css文件夹内的a.css文件
- http://www.a.com/post/8-1.png 网络中的路径

展示图片的关键是图片所在的位置

书写规范