CSS...

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

塊級元素: h1~h6 div p form ul ol li table th tr td dl dd dt
行內(nèi)元素: a img span em strong input label textarea sub sup abbr
塊級元素可以包含塊級元素和行內(nèi)元素 而行內(nèi)元素只能包含行內(nèi)元素和文本
塊級元素獨自占一行 而行內(nèi)元素只占據(jù)自寬度
塊級元素可以設置寬高 而行內(nèi)元素設置寬高無效
塊級元素可以設置 內(nèi)外邊距 而行內(nèi)元素設置上下的內(nèi)外邊距沒有用 設置左右的內(nèi)外邊距有效


CSS 繼承 哪些屬性能繼承,哪些不能?

html可以用樹形結(jié)構(gòu)來表示 html標簽為根 然后 head body 一級一級向下
繼承就是一些設置了一些特定的屬性的元素,這些屬性可以傳遞給這些元素的子孫元素
可繼承的元素
color:文本顏色
direction:規(guī)定文本的書寫方向
text-align:文本水平對齊
line-height: 行高
text-indent:文本縮進
text-transform:控制文本大小寫
word-spacing:增加或減少單詞間的空白(即字間隔)
letter-spacing:增加或減少字符間的空白(字符間距)
font:組合字體
font-family:規(guī)定元素的字體系列
font-weight:設置字體的粗細
font-size:設置字體的尺寸
font-style:定義字體的風格
font-variant:設置小型大寫字母的字體顯示文本,這意味著所有的小寫字母均會被轉(zhuǎn)換為大寫,但是所有使用小型大寫字體的字母與其余文本相比,其字體尺寸更小。
font-size-adjust:為某個元素規(guī)定一個 aspect 值,這樣就可以保持首選字體的 x-height。
塊級元素可以繼承的屬性: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。


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

塊級元素可以用 margin: 0 auto; 行內(nèi)元素可以用 text-align: center;


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


單行文本溢出加 ...

white-space: nowrap; 屬性設置如何處理元素內(nèi)的空白。nowrap 文本不會換行,文本會在在同一行上繼續(xù),直到遇到
標簽為止。
overflow: hidden; overflow 屬性規(guī)定當內(nèi)容溢出元素框時發(fā)生的事情。hidden 內(nèi)容會被修剪,并且其余內(nèi)容是不可見的。
text-overflow: ellipsis 屬性規(guī)定當文本溢出包含元素時發(fā)生的事情。ellipsis 顯示省略符號來代表被修剪的文本。


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

px像素(Pixel)。固定單位

em是相對長度單位。相對于父元素字體大小寬高長度的倍數(shù)

rem是一個相對單位(root em,根em)。這個單位與em有什么區(qū)別呢?區(qū)別在于使用rem為元素設定字體大小時,仍然是相對大小,但相對的只是HTML根元素。通過它既可以做到只修改根元素就成比例地調(diào)整所有字體大小,又可以避免字體大小逐層復合的連鎖反應。


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

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

字體大小為12px 行高為字體大小的1.5倍 也就是 18px 從左到右依次尋找寫的字體 有就用 沒有就下一個 最后的sans-serif是為了保證在前幾種字體都沒有的情況下 計算能正常顯示 sans-serif計算機里都有
加引號是因為 字體里有空格
\5b8b\4f53 宋體,是一個 Unicode 編碼

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

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

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 14,166評論 1 92
  • 1.塊級元素和行內(nèi)元素 塊級(block-level)元素;行內(nèi)(內(nèi)聯(lián)、inline-level)元素。 塊元素的...
    饑人谷_小侯閱讀 2,211評論 1 4
  • 學習CSS的最佳網(wǎng)站沒有之一 http://www.w3school.com.cn/tags/index.asp ...
    Amyyy_閱讀 1,189評論 0 1
  • CSS基礎 本文包括CSS基礎知識選擇器(重要!?。。├^承、特殊性、層疊、重要性CSS格式化排版單位和值盒模型浮動...
    廖少少閱讀 3,452評論 0 40
  • 今天是禮拜天,我懶了一下床,寶貝自己早早起床了,自己找了吃的,然后自己到別處去玩,不打擾我休息,感覺自己是個不稱職...
    可愛冰兒閱讀 157評論 0 0

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