塊級(jí)元素和行內(nèi)元素分別有哪些撇寞？動(dòng)手測(cè)試并列出4條以上的特性區(qū)別
塊級(jí)元素：body, p, h1-h6,div,table,thead,tbody,th,tr,td,form,ul,ol,li,fieldset,hr,menu,header,main,section aside,foorer
行內(nèi)元素：span,em,strong,input,label,select,button
- 區(qū)別：
- 塊級(jí)元素占據(jù)一整行懈贺，行內(nèi)元素只占據(jù)它自身的寬度
- 塊級(jí)元素可以設(shè)置寬和高，行內(nèi)元素不可以設(shè)置
- 塊級(jí)元素可以嵌套塊級(jí)元素和行內(nèi)元素募谎，行內(nèi)元素只能嵌套行內(nèi)元素和文本
- 行內(nèi)元素設(shè)置width無(wú)效，設(shè)置margin-left阴汇、margin-right和padding-left数冬、padding-right有效
- 行內(nèi)元素會(huì)在一行內(nèi)排列，而塊級(jí)元素會(huì)縱向排列
什么是 CSS 繼承? 哪些屬性能繼承鲫寄，哪些不能吉执？
- css繼承：子元素會(huì)自稱父元素的某些屬性樣式
- 可繼承的屬性：
1.字體系列屬性
font：組合字體
font-family：規(guī)定元素的字體系列
font-weight：設(shè)置字體的粗細(xì)
font-size：設(shè)置字體的尺寸
font-style：定義字體的風(fēng)格
font-variant：設(shè)置小型大寫字母的字體顯示文本，這意味著所有的小寫字母均會(huì)被轉(zhuǎn)換為大寫地来，但是所有使用小型大寫字體的字母與其余文本相比戳玫，其字體尺寸更小。
2.文本系列屬性
text-indent：文本縮進(jìn)
text-align：文本水平對(duì)齊
line-height：行高
word-spacing：增加或減少單詞間的空白（即字間隔）
letter-spacing：增加或減少字符間的空白（字符間距）
text-transform：控制文本大小寫
direction：規(guī)定文本的書寫方向
color：文本顏色
3.元素可見(jiàn)性
visibility
4.表格布局屬性
caption-side未斑、border-collapse咕宿、border-spacing、empty-cells、table-layout
5. 列表布局屬性
list-style-type府阀、list-style-image缆镣、list-style-position、list-style
6. 生成內(nèi)容屬性
quotes
7. 光標(biāo)屬性
cursor
其中所有元素可以繼承的屬性
cursor visibility
內(nèi)斂元素可以繼承的屬性
1试浙、字體系列屬性
2董瞻、除text-indent、text-align之外的文本系列屬性
- 不可繼承的屬性
1. diaplay 規(guī)定元素應(yīng)該生成的框的類型
2.文本屬性
vertical-align：垂直文本對(duì)齊
text-decoration：規(guī)定添加到文本的裝飾
text-shadow：文本陰影效果
white-space：空白符的處理
unicode-bidi：設(shè)置文本的方向
3. 盒模型的屬性
width田巴、height钠糊、margin 、margin-top壹哺、margin-right抄伍、margin-bottom、
margin-left管宵、border截珍、border-style、border-top-style箩朴、border-right-style岗喉、
border-bottom-style、border-left-style炸庞、border-width沈堡、border-top-width、
border-right-right燕雁、border-bottom-width诞丽、border-left-width、border-color拐格、
border-top-color僧免、border-right-color、border-bottom-color捏浊、border-left-color懂衩、
border-top、border-right金踪、border-bottom浊洞、border-left、padding胡岔、padding-
top法希、padding-right、padding-bottom靶瘸、padding-left
4. 背景屬性
background苫亦、background-color毛肋、background-image、background-repeat屋剑、background-position润匙、background-attachment
5.定位屬性
float、clear唉匾、position孕讳、top、right巍膘、bottom卫病、left、min-width典徘、min-height、max-width益咬、max-height逮诲、overflow、clip幽告、z-index
如何讓塊級(jí)元素水平居中梅鹦？如何讓行內(nèi)元素水平居中?
塊級(jí)元素水平居中的設(shè)置方法：{margin：0 auto;}
行內(nèi)元素的水平居中：要給包裹行內(nèi)元素的塊級(jí)父元素設(shè)置{text-align:center;}
用 CSS 實(shí)現(xiàn)一個(gè)三角形
單行文本溢出加 ...如何實(shí)現(xiàn)?
給包裹文本的塊元素設(shè)置
{white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
px, em, rem 有什么區(qū)別
- px 固定像素
- em 相對(duì)單位，是其父元素的倍數(shù)
- rem 相對(duì)單位冗锁，是根元素的倍數(shù)
解釋下面代碼的作用?為什么要加引號(hào)? 字體里\5b8b\4f53代表什么?
body{
font: 12px/1.5 tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif;
}
為頁(yè)面的body元素設(shè)置字體的屬性齐唆，字體大小為12px，行高為字體的1.5倍冻河，字體箍邮，后面的英文表示用什么字體，首先采用tahoma字體叨叙，如果用戶沒(méi)有該字體锭弊，則使用arial字體，如果沒(méi)有擂错，則使用Hiragino Sans GB字體味滞，以此類推，最后钮呀，如果都沒(méi)有剑鞍，則使用sans-serif，無(wú)襯線字體爽醋。
加引號(hào)的原因是字體的名字之間有空格蚁署，不加引號(hào)可能導(dǎo)致用戶瀏覽器無(wú)法識(shí)別，產(chǎn)生亂碼蚂四。
字體\5b8b\4f53代表字體的unicode碼形用，unicode碼全球通用就轧，用該碼表示字體是最保險(xiǎn)的，獲取該碼的方式可以在開(kāi)發(fā)者工具的console面板中輸入escape指令田度，如下圖：
