CSS常見樣式

1.塊級(jí)元素和行內(nèi)元素分別有哪些?動(dòng)手測試并列出4條以上的特性區(qū)別
常見塊級(jí)元素

div h1 h2 h3 h4 h5 h6 hr p form ul ol dl li dd dt hr pre table tr td th fieldset address menu

常見行內(nèi)元素

b, big, i, small, tt,abbr, acronym, cite, code, dfn, em, kbd, strong, samp, var,a, bdo, br, img, map, object, q,script, span, sub, sup,button, input, label, select, textarea

行內(nèi)元素與塊級(jí)元素的特性
內(nèi)容:行內(nèi)元素只能包含數(shù)據(jù)和其他行內(nèi)元素。而塊級(jí)元素可以包含行內(nèi)元素和其他塊級(jí)元素。
格式:多個(gè)行內(nèi)元素會(huì)并列一行,不會(huì)另起一行;而塊級(jí)元素會(huì)占據(jù)整行空間。
塊級(jí)元素有可設(shè)置寬高 ,行內(nèi)元素?zé)o寬高,只顯示默認(rèn)元素內(nèi)容。
塊級(jí)元素可以設(shè)置內(nèi)外邊距 ,而行內(nèi)元素設(shè)置縱向內(nèi)外邊距無效,可以設(shè)置橫向外邊距。
inline-block:將對(duì)象呈遞為內(nèi)聯(lián)對(duì)象,但是對(duì)象的內(nèi)容作為塊對(duì)象呈遞

2.什么是 CSS 繼承? 哪些屬性能繼承,哪些不能?

css繼承:父元素設(shè)置樣式后,子元素的樣式與父元素樣式相同。
可繼承元素:列表相關(guān)(list),文字相關(guān)(font),文本相關(guān)(text)具體如下:

  • 字體屬性:font-weght、font-size、font-family...
  • 文本屬性:text-indet(字體縮進(jìn))、text-align、line-height、word-- spacing、letter-spacing、text-transform(文本縮放)、color
  • 元素可見:visibility
  • 表格屬性:caption-side、border-collapse、border-spacing、empty-- - cells、table-layout
  • 列表屬性:list-style-type、list-style-position...
  • 生成內(nèi)容屬性:quotes
  • 光標(biāo)屬性:cursor
    不可以繼承的屬性:
  • 文本:vertical-align、text-decoration、text-shadow、white-space(空白符處理)、unicode-bidi(文本方向)
  • 盒模型:width、height、margin、padding、border
  • 所有的背景屬性
  • 定位屬性:float、clear、position、right、left、top、bottom、overflow、z-index、min-width、min-height、
  • 聲音樣式屬性

3.如何讓塊級(jí)元素水平居中?如何讓行內(nèi)元素水平居中?
塊級(jí)元素居中:設(shè)置寬度后,marging:0,auto;
行內(nèi)元素居中:使用代碼:text-align:center

4.用實(shí)現(xiàn)一個(gè)三角形?
CSS形狀大全

5.單行文本溢出加 ...如何實(shí)現(xiàn)?

white-space: nowrap; /*文本空間,不折疊,不換行*/
overflow:hidden;/* 超容器出部分,隱藏*/
text-overflow:ellipsis; /*文本超出部分,用省略號(hào)代替*/

6.px, em, rem 有什么區(qū)別?
px:像素,固定寬度
em:相對(duì)單位,相對(duì)于父元素的字體大小
rem: 相對(duì)于網(wǎng)頁根元素的字體大小

7.解釋下面代碼的作用?為什么要加引號(hào)? 字體里\5b8b\4f53代表什么?

body{
  font: 12px/1.5 tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif;
}

設(shè)置字體大小12px,行高1.5,字體取值依次是 tahoma,arial,Hiragino Sans GB,宋體,sans-serif;
當(dāng)文字是中文時(shí),會(huì)加引號(hào),Hiragino Sans GB不加引號(hào)會(huì)被識(shí)別成多個(gè)元素;
\5b8b\4f53是Unicode碼, 宋體,使用unicode是因?yàn)橹苯訉懗芍形?,有的電腦里沒有對(duì)應(yīng)中文字體的字體文件,所以統(tǒng)一寫成Unicode碼,便于瀏覽器解析加載網(wǎng)頁

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 塊級(jí)元素和行內(nèi)元素分別有哪些? block-level div h1 h2 h3 h4 h5 h6 p hrfor...
    我要認(rèn)真學(xué)前端閱讀 1,211評(píng)論 0 1
  • 1. 塊級(jí)元素和行內(nèi)元素分別有哪些?動(dòng)手測試并列出4條以上的特性區(qū)別 答: (1)塊級(jí)元素含義:block ele...
    黃同學(xué)2019閱讀 810評(píng)論 0 1
  • 1、塊級(jí)元素和行內(nèi)元素分別有哪些?它們的特性區(qū)別有哪些? 1、塊級(jí)元素(block element),占據(jù)其父元素...
    徐國軍_plus閱讀 535評(píng)論 0 6
  • 一.塊級(jí)元素和行內(nèi)元素分別有哪些?動(dòng)手測試并列出4條以上的特性區(qū)別 塊級(jí)元素: address - 地址 bloc...
    Sunset125閱讀 352評(píng)論 0 0
  • 每日復(fù)盤 Objective 你對(duì)今天學(xué)的記得什么? 只要肯努力,什么時(shí)候都不晚 Reflective 一句話形容...
    555月亮閱讀 225評(píng)論 0 0

友情鏈接更多精彩內(nèi)容