<meta charset="utf-8">
使用 opacity 屬性為元素的背景添加透明度時侍芝，其所有子元素都繼承相同的透明度
RGBA 顏色值設(shè)置背景色而不是文本的不透明度
background-position 屬性用于指定背景圖像的位置书幕。
background-attachment 屬性指定背景圖像是應(yīng)該滾動還是固定的（不會隨頁面的其余部分一起滾動）
指定應(yīng)該固定背景圖像：background-attachment: fixed;
指定背景圖像應(yīng)隨頁面的其余部分一起滾動：background-attachment: scroll;
在使用簡寫屬性時刹衫，屬性值的順序為：
- background-color
- background-image
- background-repeat
- background-attachment
- background-position
border-style 屬性指定要顯示的邊框類型坷澡。
允許以下值：
- dotted - 定義點線邊框
- dashed - 定義虛線邊框
- solid - 定義實線邊框
- double - 定義雙邊框
border 屬性是以下各個邊框?qū)傩缘暮唽憣傩裕?/p>
- border-width
- border-style（必需）
- border-color
border-radius 屬性用于向元素添加圓角邊框
auto 值
您可以將 margin 屬性設(shè)置為 auto讨便，以使元素在其容器中水平居中甲捏。
然后演熟，該元素將占據(jù)指定的寬度，并且剩余空間將在左右邊界之間平均分配司顿。
inherit 值
本例使 <p class="ex1"> 元素的左外邊距繼承自父元素（<div>）：
實例
使用 inherit 值：
div { border: 1px solid red; margin-left: 100px; } p.ex1 { margin-left: inherit; }
使用 box-sizing 屬性芒粹。這將導(dǎo)致元素保持其寬度兄纺。如果增加內(nèi)邊距，則可用的內(nèi)容空間會減少化漆。
CSS 輪廓
輪廓是在元素周圍繪制的一條線估脆，在邊框之外，以凸顯元素获三。
CSS 擁有如下輪廓屬性：
- outline-style
- outline-color
- outline-width
- outline-offset
- outline
注意：輪廓與邊框不同旁蔼！不同之處在于：輪廓是在元素邊框之外繪制的，并且可能與其他內(nèi)容重疊疙教。同樣棺聊，輪廓也不是元素尺寸的一部分；元素的總寬度和高度不受輪廓線寬度的影響贞谓。
除非設(shè)置了 outline-style 屬性限佩，否則其他輪廓屬性都不會有任何作用！
使用 outline-color: invert裸弦，執(zhí)行了顏色反轉(zhuǎn)祟同。這樣可以確保無論顏色背景如何，輪廓都是可見的
outline-offset 屬性在元素的輪廓與邊框之間添加空間理疙。元素及其輪廓之間的空間是透明的晕城。
下例指定邊框邊緣外 25px 的輪廓：
此段落的邊框外有 25px 的輪廓。
實例
p { margin: 50px; border: 1px solid black; outline: 1px solid red; outline-offset: 25px; }
text-align 屬性設(shè)置為 "justify" 后窖贤，將拉伸每一行砖顷，以使每一行具有相等的寬度，并且左右邊距是直的
direction 和 unicode-bidi 屬性可用于更改元素的文本方向：
實例
p { direction: rtl; unicode-bidi: bidi-override; }
vertical-align 屬性設(shè)置元素的垂直對齊方式赃梧。
text-transform 屬性用于指定文本中的大寫和小寫字母滤蝠。
它可用于將所有內(nèi)容轉(zhuǎn)換為大寫或小寫字母，或?qū)⒚總€單詞的首字母大寫
text-indent 屬性用于指定文本第一行的縮進
letter-spacing 屬性用于指定文本中字符之間的間距
line-height 屬性用于指定行之間的間距
word-spacing 屬性用于指定文本中單詞之間的間距
white-space 屬性指定元素內(nèi)部空白的處理方式
text-shadow 屬性為文本添加陰影授嘀。
在 CSS 中物咳，有五個通用字體族：
- 襯線字體（Serif）- 在每個字母的邊緣都有一個小的筆觸。它們營造出一種形式感和優(yōu)雅感蹄皱。
- 無襯線字體（Sans-serif）- 字體線條簡潔（沒有小筆畫）览闰。它們營造出現(xiàn)代而簡約的外觀。
- 等寬字體（Monospace）- 這里所有字母都有相同的固定寬度巷折。它們創(chuàng)造出機械式的外觀焕济。
- 草書字體（Cursive）- 模仿了人類的筆跡。
- 幻想字體（Fantasy）- 是裝飾性/俏皮的字體盔几。
font-family 屬性規(guī)定文本的字體。
font-style 屬性主要用于指定斜體文本掩幢。
此屬性可設(shè)置三個值：
- normal - 文字正常顯示
- italic - 文本以斜體顯示
- oblique - 文本為“傾斜”
font-variant 屬性指定是否以 small-caps 字體（小型大寫字母）顯示文本
cursor 屬性指定要顯示的光標類型
list-style-image 屬性將圖像指定為列表項標記
list-style-position 屬性指定列表項標記（項目符號）的位置逊拍。
"list-style-position: outside;" 表示項目符號點將在列表項之外上鞠。列表項每行的開頭將垂直對齊。
"list-style-position: inside;" 表示項目符號將在列表項內(nèi)芯丧。由于它是列表項的一部分芍阎，因此它將成為文本的一部分，并在開頭推開文本
border-collapse 屬性設(shè)置是否將表格邊框折疊為單一邊框
如需控制邊框和表格內(nèi)容之間的間距缨恒，請在 <td> 和 <th> 元素上使用 padding 屬性
position: sticky; 的元素根據(jù)用戶的滾動位置進行定位谴咸。
粘性元素根據(jù)滾動位置在相對（relative）和固定（fixed）之間切換
z-index 屬性指定元素的堆棧順序
overflow 屬性可設(shè)置以下值：
- visible - 默認。溢出沒有被剪裁骗露。內(nèi)容在元素框外渲染
- hidden - 溢出被剪裁岭佳，其余內(nèi)容將不可見
- scroll - 溢出被剪裁，同時添加滾動條以查看其余內(nèi)容
- auto - 與 scroll 類似萧锉，但僅在必要時添加滾動條
overflow 屬性僅適用于具有指定高度的塊元素
設(shè)置元素的 display 屬性僅會更改元素的顯示方式珊随，而不會更改元素的種類。因此柿隙，帶有 display: block; 的行內(nèi)元素不允許在其中包含其他塊元素叶洞。
