CSS基础一（浮动）

介绍css的一些基础知识

css全称Cascading Style Sheets，也叫层叠样式表。过了很久，我已经把css忘的差不多了，把不太熟悉的地方再做一些笔记。

１．如何引入CSS：

• 在标签中用style属性（内联样式）

• 用<style>标签（内部样式表）

• 使用<link>标签引入(外部样式表)

  <link rel="stylesheet" type="text/css" href="xxx">

• ＠import url();用来在一个css文件中引入另一个css文件。比如将xxx.css引入到yyy.css，则在yyy.css中第一行加此句；

２．浮动

加了浮动之后，会产生bug，如何消除？记住下边的代码：

.clearfix::after{
    content: ' ';
    display: block;
    clear: both;
}

不过记住了，一定要将.clearfix类也到浮动元素的爸爸身上～
关于浮动的问题比较多～以后遇到了，需要写专题。先记住这个办法～

３．如何创建一个导航条呢？

分两步：

• 让ul下的li浮动；
• 给ul添加.clearfix类，清除浮动；

４．零碎知识点：

• a标签默认不继承；继承为inherit
• 设置导航条时，利用hover，当鼠标放上去后，整排会晃动。可以提前用透明边框占位，hover只需变色即可
• 导航条里,<li>标签包裹这<a>标签，发现a的高度比包裹它的li还高，可以把a设置为 'display: block;' 来解决这个问题；