HTML學習筆記（一）

css

瀏覽器會預設對一些輸入進行處理，比如多個連續的空格被解析為乙個空格，如果我們需要在網頁中書寫這些特殊的符號，則需要使用html中的實體**義字元）。

用於設定一些網頁的元資料，這類資料一般使用者是看不到的，是用於搜尋引擎優化。有如下屬性：

charset 指定網頁的字符集

name 指定的資料的名稱

content 指定的資料的內容

特殊的用法,將頁面重定向到另乙個**:

html的所有可見內容都在body裡面，同時html只負責內容，具體的樣式由css設定。

樣式的繼承，我們為乙個元素設定的樣式同時也會應用到它的後代元素上，當然，並不是所有的樣式都會被繼承，比如背景相關的，布局相關等的這些樣式都不會被繼承。

樣式之間有優先順序，使用!important可以獲得最高優先順序。

文件流（normal flow）：網頁是乙個多層的結構，一層摞著一層，可以通過css可以分別為每一層來設定樣式，訪問者只能看到最頂上一層，這些層中，最底下的一層稱為文件流，文件流是網頁的基礎，我們所建立的元素預設都是在文件流中進行排列

對於我們來元素主要有兩個狀態

元素在文件流中有什麼特點：

塊元素

css中所有的元素都是乙個矩形的盒子，這樣理解的話，那麼頁面中的布局就相當於將盒子移到相應的位置上去。內容區（content），內邊距（padding），邊框（border），外邊距（margin）。

乙個元素在其父元素中，水平布局必須要滿足以下的等式

margin-left+border-left+padding-left+width+padding-right+border-right+margin-right = 其父元素內容區的寬度（必須滿足）。

以上等式必須滿足，如果相加結果使等式不成立，則稱為過度約束，則等式會自動調整，調整的情況：

垂直方向的布局

如果子元素的大小超過了父元素，則子元素會從父元素中溢位，使用 overflow 屬性來設定父元素如何處理溢位的子元素。可選值：

overflow-x:， overflow-y:

行內元素和塊元素的轉化 display：

visibility 用來設定元素的顯示狀態，可選值：

盒子的大小：

預設情況下，盒子可見框的大小由內容區、內邊距和邊框共同決定，box-sizing 用來設定盒子尺寸的計算方式（設定width和height的作用），可選值：

盒子的輪廓

第乙個值水平偏移量設定陰影的水平位置正值向右移動負值向左移動

第二個值垂直偏移量設定陰影的水平位置正值向下移動負值向上移動

第三個值陰影的模糊半徑

第四個值陰影的顏色