二仁期、什么是 CSS 繼承? 哪些屬性能繼承，哪些不能竭恬？

繼承是CSS的一個(gè)主要特征跛蛋，它是依賴(lài)于祖先-后代的關(guān)系的。繼承是一種機(jī)制痊硕，它允許樣式不僅可以應(yīng)用于某個(gè)特定的元素赊级，還可以應(yīng)用于它的后代。
　　當(dāng)元素的一個(gè)繼承屬性沒(méi)有指定值時(shí)岔绸，則取父元素的同屬性的計(jì)算值理逊。只有文檔根元素取該屬性的概述中給定的初始值橡伞。當(dāng)元素的一個(gè)非繼承屬性沒(méi)有指定值時(shí)，則取屬性的初始值晋被。
常見(jiàn)的繼承屬性：
border-collapse：為表格設(shè)置合并邊框模型兑徘。1、collapse 如果可能羡洛，邊框會(huì)合并為一個(gè)單一的邊框挂脑。會(huì)忽略 border-spacing 和 empty-cells 屬性。2欲侮、separate 默認(rèn)值崭闲。邊框會(huì)被分開(kāi)。不會(huì)忽略 border-spacing 和 empty-cells 屬性威蕉。3刁俭、inherit 規(guī)定應(yīng)該從父元素繼承 border-collapse 屬性的值。

border-spacing： 屬性設(shè)置相鄰單元格的邊框間的距離（僅用于“邊框分離”模式）韧涨。

caption-side：

color：

cursor：

direction：

font (其中包括 font-family , font-size , font-weight , font-style牍戚，font-height)

letter-spacing：字母間隔修改的是字符或字母之間的間隔

line-height：percentage，是原始數(shù)字值指定了一個(gè)縮放因子氓奈，后代元素會(huì)繼承這個(gè)縮放因子而不是計(jì)算值翘魄，與元素自身的字體大小有關(guān)鼎天。計(jì)算值是給定的百分比值乘以元素計(jì)算出的字體大小舀奶。使用Percentage和em可能會(huì)帶來(lái)意想不到的結(jié)果（特別是當(dāng)父級(jí)元素下的子元素字體大小不同時(shí)）。
line-height:number斋射，該屬性的應(yīng)用值是這個(gè)無(wú)單位數(shù)字number乘以該元素的字體大小育勺。計(jì)算值與指定值相同。大多數(shù)情況下罗岖，使用這種方法設(shè)置line-height是首選方法涧至，在繼承情況下不會(huì)有異常的值。
對(duì)于替代行內(nèi)容桑包，如button或者input南蓬，若line-height=height，在可以達(dá)到垂直居中的作用哑了。

list-style (其中包括 list-style-image , list-style-position , list-style-type)

text-align：文本對(duì)其方式 left赘方、center、right弱左、justify

text-indent：文案第一行縮進(jìn)距離

text-decoration： none窄陡、underline、line-through拆火、overline

text-transform：改變文字大小寫(xiě)none跳夭、uppercase涂圆、lowercase、capitalize

visibility：

white-space：white-space 屬性設(shè)置如何處理元素內(nèi)的空白币叹。

word-spacing：可以改變字（單詞）之間的標(biāo)準(zhǔn)間隔

非繼承屬性
z-index：

width (其中包括 min-width , max-width)：

dispaly：

float：

clear：

vertical-align：CSS 的屬性 vertical-align 用來(lái)指定行內(nèi)元素（inline）或表格單元格（table-cell）元素的垂直對(duì)齊方式润歉。bottom元素及其后代的底端與整行的底端對(duì)齊/top元素及其后代的頂端與整行的頂端對(duì)齊。baseline是initial颈抚。元素基線(xiàn)與父元素的基線(xiàn)對(duì)齊卡辰。

unicode-bidi：

position：

top：

bottom：

left：

right：

text-decoration：

background (其中包括 background-color , background-image：

background-position , background-attachment , background-repeat)：

border (其中包括 border-color , border-style , border-width , border-spacing and so on)：

padding (其中包括 padding-left , padding-right , padding-top , padding-bottom)：

margin (其中包括 margin-left , margin-right , margin-top , margin-bottom)：對(duì)于行內(nèi)元素，設(shè)置上下margin是無(wú)效的邪意。

outline (其中包括 outline-color , outline-style , outline-width)：

clip：

content：

box-sizing：content-box：表示使用w3c標(biāo)準(zhǔn)盒模型九妈。 border-box表示使用“IE盒模型”

三、如何讓塊級(jí)元素水平居中雾鬼？如何讓行內(nèi)元素水平居中?

對(duì)于行內(nèi)元素,只需在父元素中設(shè)置text-align="center"即可萌朱；
　　對(duì)于塊級(jí)元素，把元素的屬性margin-left和margin-right設(shè)置成auto即可策菜。
注意：瀏覽器自身有默認(rèn)margin和padding晶疼，我們可以通過(guò)哦*{來(lái)更改默認(rèn)}

用css實(shí)現(xiàn)一個(gè)三角形

用css指定一個(gè)三角形樣式，我們只需要把塊的寬高設(shè)置為0又憨，編輯邊框的每個(gè)邊翠霍，通過(guò)改變邊的屬性，例如可以設(shè)置三個(gè)邊透明或者兩個(gè)邊透明蠢莺，其中相鄰的兩個(gè)邊顏色相同寒匙，還可以通過(guò)改變邊的大小，來(lái)實(shí)現(xiàn)不同樣式的三角形躏将。
.tri{ width: 0px; height: 0px; border: 30px transparent solid; border-right: 20px red solid; border-bottom: 40px red solid; border-left: 30px transparent solid; }

直角三角形

四锄弱、單行文本溢出加 ...，如何實(shí)現(xiàn)

要實(shí)現(xiàn)單行文本溢出祸憋，首先讓它成為一個(gè)單行文本会宪，即不換行nowrap，這樣就不有溢出蚯窥，但是溢出部分卻不會(huì)隱藏掸鹅，我們就讓它隱藏hidden，隱藏了拦赠，用戶(hù)可能不知道后面還有文字巍沙，我們可以用省略...（ellipsis）來(lái)表示后面還有文字。如下：
.box{ border: 2px blue solid; width: 100px; padding: 5px 20px; margin: 10px auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

文本溢出加...

五矛紫、px, em, rem 有什么區(qū)別

px： 固定單位
em: 相對(duì)單位赎瞎，相對(duì)于父元素字體大小
rem: 相對(duì)單位，相對(duì)于根元素(html)字體大小
vw vh: 相對(duì)單位颊咬，1vw 為屏幕寬度的1% 但是兼容性很差

六务甥、解釋下面代碼的作用?為什么要加引號(hào)? 字體里\5b8b\4f53代表什么牡辽？

body{ font: 12px/1.5 tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif; }
　　這段代碼是用來(lái)指定body的字體樣式，12px/1.5是文字大小為12px敞临，行高是字高的1.5倍态辛；其中tahoma、arial挺尿、Hirgino Sans GB奏黑、\5b8b\4f53 、sans-serif等是字體樣式编矾。
　　加引號(hào)是為了告訴瀏覽器Hirgino Sans GB是一個(gè)詞熟史，不能被認(rèn)為是幾個(gè)詞。
　　字體里\5b8b\4f53代表字體為宋體樣式窄俏，在使用瀏覽器打開(kāi)頁(yè)面時(shí)蹂匹，瀏覽器會(huì)讀取 HTML 文件進(jìn)行解析渲染。當(dāng)讀到文字時(shí)會(huì)轉(zhuǎn)換成對(duì)應(yīng)的 unicode碼（可以認(rèn)為是世界上任意一種文字的特定編號(hào)）凹蜈。再根據(jù)HTML 里設(shè)置的 font-family （如果沒(méi)設(shè)置則使用瀏覽器默認(rèn)設(shè)置）去查找電腦里（如果有自定義字體@font-face 限寞，則加載對(duì)應(yīng)字體文件）對(duì)應(yīng)字體的字體文件。找到文件后根據(jù) unicode 碼去查找繪制外形仰坦，找到后繪制到頁(yè)面上履植。

七、demo

1悄晃、實(shí)現(xiàn)如下效果: 【參考】效果/
2玫霎、實(shí)現(xiàn)如下按鈕效果: 【參考65】效果
3、實(shí)現(xiàn)如下表格:【參考68】效果
4传泊、實(shí)現(xiàn)如下三角形效果

三角形

task8完