css的顯示對標籤分類：
塊狀元素
內聯元素（行內元素）
爭議點：
第三類：
a:可變元素
b:行內塊元素
元素型別分類：塊狀元素、內聯元素、可變元素。
注：把行內塊元素 歸在 內聯元素這一類裡面。
預設情況下元素型別每個型別特點：
塊狀元素特點：
1：在頁面中以矩形區域顯示。
2：自上而下排列，獨佔一行
3：可以直接新增寬高
4：一般情況下，作為其他元素或內容的容器
內聯元素特點：
1：在頁面中最小單位也是矩形。
2：在一行內逐個排列。
3：不可以直接新增寬高，大小是由內容撐開的。
4：內聯元素也符合盒模型的規則，但是個別屬性會出現問題（padding-top/bottom margin-top/bottom）
5: 內聯元素在一行內排列的時候，之間有間距
（怎麼消除間距：
a:新增浮動
b:把所有的內聯元素都放在一行不用回車鍵（不推薦使用）。
哪些標籤屬於塊 哪些標籤屬於內聯：
塊狀元素：
div -最常用的塊級元素
dl - 和dt-dd 搭配使用的塊級元素
form - 互動表單
h1 -h6- 大標題
hr - 水平分隔線
ol – 有序列表
p - 段落
ul - 無序列表
lifieldset - 表單字段集
colgroup-col - 表單列分組元素
table-tr-td **及行-單元格
內聯元素：
a –超連結（錨點）
b - 粗體(不推薦)
br - 換行
i - 斜體
em - 強調
img -
input - 輸入框
label - 表單標籤
span - 常用內聯容器，定義文字內區塊
strong - 粗體強調
sub - 下標
sup - 上標
textarea - 多行文字輸入框
u - 下劃線
select - 專案選擇
元素型別的轉換：
display屬性：
作用：檢索或者設定元素生成的盒模型型別。
常用屬性值：
a: display:block;
作用：將元素轉成塊狀元素，擁有塊狀元素特點。
補充：大部分塊狀元素，預設的display的值都是block;
b: display:inline;
作用：將元素轉成內聯元素，擁有內聯元素的特點。
補充：大部分內聯元素，預設的display的值inline;
c: display:none;
作用：將當前隱藏，並不佔據空間。
注意：任何元素新增浮動之後都可以加大小！！！
用以上**即可做出如下效果
該導航欄在平時滑鼠不放上去時顯示的如下效果
WEB前端學習日誌第二週 Day3
1 空白空間的處理 white space pre 空白會被瀏覽器保留。其行為方式類似 html 中的 pre 標籤。pre wrap 保留空白符序列，但是正常地進行換行。pre line 合併空白符序列，但是保留換行符。inherit 規定應該從父元素繼承 white space 屬性的值。now...
WEB前端學習日誌Day4
樣式表的權重關係 1.內聯樣式表的權重最大！2.內部和外部樣式的權重，和書寫的前後順序有關！放在後面的會把放在前面的樣式覆蓋掉,覆蓋的只是相同屬性的樣式，不同屬性的樣式會繼續執行。舉例 在學校你的班主任對你說 明天你值日。你所在小組的組長說 明天你不需要值日。在兩者之間老師的權重大，座椅要聽從老師的...
WEB前端學習日誌Day5
選擇符的權重 id class 標籤 首先通過四個數字表示權重 內聯樣式表 1000 id 100 class 10 標籤 1 偽類選擇符 10 萬用字元 0 當 現包含選擇符的多個class或是其自身的id時，權重之和越高權重越大。例 box div 100 1 101 wrap con p 10...