問題一:塊級元素和行內元素分別有哪些?動手測試并列出4條以上的特性區(qū)
塊級元素有: div, h1~h6, p, hr , br, ul ,ol, li, form, table, dd, dt, tr, td, th
行內元素有:a, span, img, babel, b, em, i, strong, br, input, select, ,textarea
問題二:什么是 CSS 繼承? 哪些屬性能繼承,哪些不能?
簡而言之就是繼承父親級元素和上一級元素的樣式屬性。
不可繼承的: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。(注:基本上什么盒子外邊距、內邊距,還有定位什么的是不能被繼承的)
所有元素可繼承:visibility和cursor。
內聯元素可繼承: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。
終端塊狀元素可繼承:text-indent和text-align。
列表元素可繼承:list-style、list-style-type、list-style-position、list-style-image。
表格元素可繼承:border-collapse。
問題四:單行文本溢出加...如何實現?
給元素添加3以下個屬性:
overflow:hidden; ? ? ? ? ?/*設置溢出隱藏*/
text-overflow:ellipis; ? ? /*文本溢出后添加省略號*/
white-space:nowrap; ? /*強制不換行*/
問題五:px, em, rem 有什么區(qū)別?
px: ?px像素(Pixel)。相對長度單位。像素px是相對于顯示器屏幕分辨率而言的。
em: em是相對長度單位。相對于當前對象內文本的字體尺寸。如當前對行內文本的字體尺寸未被人為設置,則相對于瀏覽器的默認字體尺寸。(EM特點1. em的值并不是固定的;2. em會繼承父級元素的字體大小。)
rem:rem是CSS3新增的一個相對單位(root em,根em)。區(qū)別在于使用rem為元素設定字體大小時,仍然是相對大小,但相對的只是HTML根元素。這個單位可謂集相對大小和絕對大小的優(yōu)點于一身,通過它既可以做到只修改根元素就成比例地調整所有字體大小,又可以避免字體大小逐層復合的連鎖反應。
六:解釋下面代碼的作用?為什么要加引號? 字體里的數字符號代表什么?
body{font: 12px/1.5 tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif;}
1.此段代碼作用是聲明body下字體大小12px,行高是字體大小的1.5倍,字體的樣式有:tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif這幾種。(瀏覽器會根據聲明的字體依次往下查找用戶是否有該字體,如果有就使用戶有第一個,沒有就下一個,如果都沒有就會采用瀏覽器的默認字體)。
2.采用中文字體需要在兩邊加上引號,單個英文單詞名稱的字體不需要加,多個單詞名稱的字體和中文名稱字體需要加。添加引號目的是為了防止瀏覽器不能識別,防止產生亂碼。
3.字體中的數字符號是Unicode碼,Unicode碼全球通用??梢栽诳刂婆_中輸入escape命令獲得。