引入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;
}
网友评论