CSS笔记

引入CSS样式表

1、内部样式表

<head>
<style type="text/CSS">
  选择器 {属性1:属性值1; 属性2:属性值2; 属性3:属性值3;}
</style>
</head>

语法中，style标签一般位于head标签中title标签之后，也可以把他放在HTML文档的任何地方。

type="text/CSS" 在html5中可以省略，写上也比较符合规范，所以这个地方可以写也可以省略。

2、行内式（内联样式）

<div class="taiChi" style="width: 48px;height:96px"></div>

3、外部样式表（外链式）

<head>
 <meta charset="utf-8">
 <title>JS Bin</title>
 <link href="css的路径" rel="stylesheet">
</head>

常见 CSS 属性

1、字体样式

font-size字号大小
font-family字体
font-weight字体粗细
font-style字体风格
normal：默认值，浏览器会显示标准的字体样式。
italic：浏览器会显示斜体的字体样式。
oblique：浏览器会显示倾斜的字体样式。
font属性用于对字体样式进行综合设置，其基本语法格式如下：

选择器{font: font-style  font-weight  font-size/line-height  font-family;}
h1{font:italic bold 12px/20px arial,sans-serif;}

2、浮动
给所有需要浮动加上css float:left;，然后给父元素加上class clearfix。
给clearfix加上样式

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