塊級元素和行內元素分別有哪些?動手測試并列出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)一個三角形
單行文本溢出加 ...如何實現(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設置字體
因為中間有空格,不加引號會被識別成兩個元素。數字符號表示的是字體的編號。