文字段落的樣式屬性
文字樣式：
預設文字顯示：placeholder
placeholder="要顯示的字"
在css檔案中新增::-webkit-input-placeholder 即可設定預設字型顏色為白色切記同一div中的所有與字型有關的顏色都必須改為white
文字顏色：color
文字大小：font-size:
文字粗細：font-weight:
文字斜體：font-style:
文字字型：font-family:
文字修飾：text-decoration
行高：line-height:
首行縮排：text-indent:
字元間距：letter-spacing:
單詞間距：word-spacing:
文字垂直對齊：vertical-align:
line-height:設定文字的行高，單位通常也是px，即一行文字所佔據的空間高度——行高不是文字的高度。
letter-spacing:設定字元（或字母）之間的間隔距離，中文其實就是「字」的間隔。
word-spacing:設定單詞之間的間隔距離——通常只對西方拉丁語系的字元有效。
text-align:設定文字的水平對齊方式。其功能是相當於標籤屬性中的align屬性。但要注意：align作為html屬性，其實只在其中的某幾個標籤中使用，但text-align是幾乎所有標籤都可以用的
text-indent: 設定乙個段落中的首行縮排距離，單位通常也是px。
text-decoration:設定文字的「修飾線」：下劃線（underline）,中劃線(line-through)，上劃線（overline）,none(無)
vertical-align: 設定文字在乙個**盒子（單元格）的垂直對齊方式：top（頂對齊），middle(中對齊)，bottom(底對齊)
盒子模型初步
邊框（border）：乙個線型的區域，可以是實線或虛線或其他形狀。
外邊距（margin）：也叫「邊界」，邊框線之外的一塊空白區域，其含義是「不能放置物體」
內邊距（padding）：也叫「補白」，邊框線之內的一塊空白區域，其含義也是「不能放置物體」
內容區（沒有對應的css屬性名）：指乙個盒子中可以放置「物體」的區域——也就是盒子的主要區域。其中放置的物體可以是普通的文字或其他標籤——對應我們之前學的html中的「內容部分」。內容區通常只能設定其寬高屬性（width，height）
網頁設計中的「內容與表現分離」思想
我們以前學習html，說，標籤具有「表形表意」之作用。其實也可以說，內容和其表現混在一起。
現在：css技術其實可以將乙個網頁中的各個標籤的表現都「提出來」放到乙個專門的地方（比如style標籤中），剩餘的部分（標籤和文字內容等）被整體上稱為「結構/內容」。這種做法就被稱為「內容與表現分離思想」
盒子的兩種初始狀態（基本表現）：
類似div的盒子：乙個盒子自動「佔據一行」（不管其內部內容多少）：這就是「塊盒子」（塊元素）。常用塊盒子：
p, hr, h1~h6, table, form, ul, li, ol, dl, dt, dd, blockquote, pre,
特點：可以設定固定的寬高，margin，padding
類似span盒子：乙個盒子中的內容會跟同類的盒子併排在一行出現，除非該行已滿，則會自然到下一行——類似文字的表現特性。：這就是行內盒子（行內元素）。行內盒子通常放「最終的資料內容」，比如文字，。其他行內盒子：
b, strong, font, i, u, a, img, input, textarea, select,
特點：寬高不能設定，而是由其內容「撐出」，margin和padding沒有上下方面的表現。
通常，行內盒子是「小盒子」，塊盒子是「大盒子」
布局初步（原理）：
所謂布局，其實是指的將網頁內容以一定的方式放到合適的位置上去。
布局的基本步驟：
1， 將「當前版面」以視覺上界限明顯的方式進行劃分若干個區塊，劃分只用兩種方式：
a) 上下結構：此時，只要使用若干個盒子，自然就是上下結構，無需其他設定。
b) 左右結構：此時使用若干個盒子，並進行相應的浮動，通常的模式：
i. 2個盒子：一左一右
ii. 3個盒子：兩左一右或兩右一左，或一邊倒。
iii. 更多盒子：通常一邊倒。
浮動解釋：
浮動就像水中的氣泡，會「網上浮」
更形象的比喻：大家（所有標籤）都在「地面上平鋪著」，各自佔據著一定的面積，浮動元素卻「浮」到天花板上去了，其並佔據大家通常的「地面面積」。
１，（固定高度） 給父盒子設定乙個固定的高度——通常設計時已知高度且不回改變的時候。
２， （自動高度）給父盒子的內部最末尾加乙個清除浮動的空盒子，如下：
３，（自動高度） 給父盒子設定乙個css屬性：overflow:hidden;
則最好總結：布局需要左右排列，左右排列需要浮動，浮動需要修正其破壞效果——讓父盒子合理包住其子盒子。
CSS的浮動與盒子模型
一 浮動 1.css浮動 浮動就是讓塊級標籤不獨佔一行，目的 使用場景 是讓塊級標籤元素可以排在一行上。浮動元素會生成塊級框 2.float 屬性值 left左浮動 right有浮動 none預設值，不浮動 也可以取消 inherit 3.浮動的原理就是讓元素脫離文件流 文件流是指文件中可顯示物件在...
小球與盒子 的奇妙關係
小球盒子學得好，計數分數少不了。下面假設現在有 n 個球 m 個盒子。考慮乙個球有 m 種選擇方案，球之間的選擇互不影響，所以答案就是 m n 如果 n m 那麼顯然答案為 0 否則考慮第乙個球有 m 種放法，第二個有 m 1 種.所以答案就是 displaystyle prod i 如果 n，那麼...
day05文字樣式與盒子模式
day05 簡單了解了css的一些基礎屬性，今天來看一看文字以及模型。1 字型修飾 字型大小 font size 50px 字型粗細 font weight bold lighter normal bolder 100 900 字型屬性 font style italic 斜體 字型 font fa...