CSS常見樣式

塊級元素和行內元素分別有哪些?動手測試并列出4條以上的特性區(qū)別

  • 塊級元素:div , p , form, ul, li , ol, dl, form, address, fieldset, hr, menu, table
  • 行內元素:span, strong, em, br, img , input, label, select, textarea, cite,

區(qū)別

  • 塊級元素:塊狀元素排斥其他元素與其位于同一行,可以設定元素的寬(width)和高(height),塊級元素一般是其他元素的容器,可容納塊級元素和行內元素。常見的塊級元素有div, p ,h1~h6等。
  • 行內元素:行內元素不可以設置寬(width)和高(height),但可以與其他行內元素位于同一行,行內元素內一般不可以包含塊級元素。行內元素的高度一般由元素內部的字體大小決定,寬度由內容的長度控制。常見的行內元素有a, em ,strong等。

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

  • css繼承:設置父級元素,其子級元素的樣式會和父級元素一樣。
  • 能繼承的元素:letter-spacing、word-spacing、white-space、line-height、color、font、font-family、font-size、font-style、font-variant、font-weight、text-decoration、text-transform、direction、list-style、list-style-type、list-style-position、list-style-image、text-indent和text-align
  • 不能繼承:display、margin、border、padding、background、height、min-height、max-height、width、min-width、max-width、overflow、position、left、right、top、bottom、z-index、float、clear、table-layout、vertical-align、page-break-after、page-bread-before和unicode-bidi。

如何讓塊級元素水平居中?如何讓行內元素水平居中?

  • 塊級元素居中:margin:0 auto;
  • 行內元素居中 :text-align:center;

用 CSS 實現(xiàn)一個三角形

http://js.jirengu.com/jimu/1

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

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

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

  • PX實際上就是像素,用PX設置字體大小時,比較穩(wěn)定和精確。但是這種方法存在一個問題,當用戶在瀏覽器中瀏覽我們制作的Web頁面時,如果改變了瀏覽器的縮放,這時會使用我們的Web頁面布局被打破。這樣對于那些關心自己網站可用性的用戶來說,就是一個大問題了。因此,這時就提出了使用“em”來定義Web頁面的字體。
  • EM就是根據基準來縮放字體的大小。EM實質是一個相對值,而非具體的數值。這種技術需要一個參考點,一般都是以的“font-size”為基準。
  • EM是相對于其父元素來設置字體大小的,這樣就會存在一個問題,進行任何元素設置,都有可能需要知道他父元素的大小。而Rem是相對于根元素,這樣就意味著,我們只需要在根元素確定一個參考值。

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

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

作用:為body設置字體
因為中間有空格,不加引號會被識別成兩個元素。數字符號表示的是字體的編號。

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

相關閱讀更多精彩內容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 14,128評論 1 92
  • 塊級元素和行內元素分別有哪些? block-level div h1 h2 h3 h4 h5 h6 p hrfor...
    我要認真學前端閱讀 1,213評論 0 1
  • 1、塊級元素和行內元素分別有哪些?它們的特性區(qū)別有哪些? 1、塊級元素(block element),占據其父元素...
    徐國軍_plus閱讀 537評論 0 6
  • 一.塊級元素和行內元素分別有哪些?動手測試并列出4條以上的特性區(qū)別 塊級元素: address - 地址 bloc...
    Sunset125閱讀 355評論 0 0
  • 高樓相望向天低,幾縷云霞一抹齊。 白發(fā)已生成舊夢,丹心不老有新題。 千重木葉臨風動,若許秋光入眼迷。 畢竟豪情還在...
    雪窗_武立之閱讀 398評論 2 5

友情鏈接更多精彩內容