css常見樣式

1.塊級元素和行內(nèi)元素分別有哪些?

塊級元素:div,h1~h6,table,form,header, footer,nav,ul,li,ol,dl。。。。。
行內(nèi)元素:a,input,span,i,img,strong, select。。。。。

2.動手測試并列出4條以上的特性區(qū)別。

塊級元素 行內(nèi)元素
沒有設(shè)置寬度的情況下,默認占據(jù)一整行 內(nèi)容有多寬,我就有多寬
可以隨便設(shè)置寬高 不可以
隨便設(shè)置padding,margin padding和margin只可以設(shè)置左右
可以包裹塊級元素,行內(nèi)元素 我只能包裹文本,和行內(nèi)元素

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

CSS繼承,就是子元素繼承了父元素的屬性。

能繼承 不能繼承
letter-spacing height
word-spacing min-height
white-space max-height
line-height width
color min-width
font max-width
font-style float
font-family position
text-align overflow
text-indent vertical-align
font-weight clear
等等等等 等等等等

4.如何讓塊級元素水平居中?如何讓行內(nèi)元素水平居中?

塊級元素水平居中:margin:0 auto;
行內(nèi)元素水平居中:text-align:center;

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

E{
white-space:nowrap;
overflow:hidden;
text-overflow;
}

6.px, em, rem 有什么區(qū)別

  • px:固定尺寸;
  • em: 相對于當(dāng)前對象內(nèi)文本的字體尺寸
  • rem: 相對于HTML的相對大小

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

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

1.設(shè)置body字體大小為12px,行高是字體1.5倍的像素值,后面則是第一到第五字體,用逗號隔開,如果第一個你電腦沒有,則運行第二個。
2.加引號是因為,字體間有空格,這樣會識別為不同的兩個單詞,所以加空格。
3.字體那些代碼代表“宋體”

Paste_Image.png

ps:在瀏覽器console里輸入escape("你想要的字體編碼"),就能出現(xiàn)像想要的代碼
記住將%u改成/。

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

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

  • 塊級元素和行內(nèi)元素分別有哪些? block-level div h1 h2 h3 h4 h5 h6 p hrfor...
    我要認真學(xué)前端閱讀 1,215評論 0 1
  • 塊級元素和行內(nèi)元素常用塊級元素:div h1~h6 p hr form ul dl ol pre table li...
    lingfighting閱讀 613評論 0 1
  • 一、塊級元素和行內(nèi)元素分別有哪些?測試4條以上的特性區(qū)別。 1、塊級元素能包含塊級元素和行內(nèi)元素,而行內(nèi)元素只能包...
    青鳴閱讀 347評論 0 0
  • 1.塊級元素和行內(nèi)元素分別有哪些?動手測試并列出4條以上的特性區(qū)別? 常見的塊級元素和行內(nèi)元素 塊級元素(bloc...
    饑人谷_邵征鵬閱讀 422評論 0 0
  • 在你的心岸 插柳,很難 因此,我非常謹慎 因為,我只有一根柳枝 我怕它不能生根發(fā)芽 只有,當(dāng)你淘盡泥沙 在純凈的土...
    長河冬陽閱讀 271評論 0 3

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