引入CSS樣式表
1素挽、內部樣式表
<head>
<style type="text/CSS">
選擇器 {屬性1:屬性值1; 屬性2:屬性值2; 屬性3:屬性值3;}
</style>
</head>
語法中庵佣,style標簽一般位于head標簽中title標簽之后是己,也可以把他放在HTML文檔的任何地方白筹。
type="text/CSS" 在html5中可以省略挖诸, 寫上也比較符合規(guī)范汁尺, 所以這個地方可以寫也可以省略。
2税灌、行內式(內聯(lián)樣式)
<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;
}