最近在學習CSS，學習的過程中記錄了一些筆記，現分享給大家。
1. CSS基礎
/* 在HTML中引入CSS */
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
/* CSS基本語法 */
選擇器 {
屬性1: 值1;
屬性2: 值2;
}
/* CSS三種引入方式 */
/* 外部樣式表 */
<link rel="stylesheet" type="text/css" href="style.css">
/* 內部樣式表 */
<style>
選擇器 {屬性: 值;}
</style>
/* 內聯樣式 */
<p style="屬性: 值"> 內容 </p>2. CSS布局
/* 盒模型 */
box-sizing: content-box; /* 默認值，寬度不包含padding和border */
box-sizing: border-box; /* 寬度包含padding和border */
/* 定位 */
position: static; /* 默認值，元素在文檔流中正常定位 */
position: relative; /* 相對定位，相對于原來的位置移動 */
position: absolute; /* 絕對定位，相對于父元素的位置移動 */
position: fixed; /* 固定定位，相對于瀏覽器窗口定位 */
/* 浮動 */
float: left; /* 向左浮動 */
float: right; /* 向右浮動 */
/* 清除浮動 */
.clearfix::after {
content: "";
clear: both;
display: block;
}3. CSS選擇器
/* 選擇器分類 */
/* 元素選擇器 */
p {}
/* 類選擇器 */
.class {}
/* ID選擇器 */
#id {}
/* 后代選擇器 */
parent child {}
/* 子代選擇器 */
parent > child {}
/* 多重選擇器 */
selector1, selector2 {}
/* 偽類選擇器 */
:link {}
:hover {}
:active {}
/* 偽元素選擇器 */
::before {}
::after {}以上是CSS培訓筆記的部分內容，希望能對大家有所幫助。