CSS权威指南之css声明,伪类,文本处理--(简要笔记一)
生活随笔
收集整理的這篇文章主要介紹了
CSS权威指南之css声明,伪类,文本处理--(简要笔记一)
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
1.css層疊的含義
后面的會覆蓋前面的樣式
?
2.每個元素生成一個框,也稱盒。 3.替換元素和非替換元素。 img如果不指定src的外部路徑,該元素就沒有意義。他由文檔本身之外的一個圖像文件來替換。 大多數(shù)都是非替換元素。span中的內(nèi)容由用戶代理。4.元素間的父子與祖先
如果一個元素在另外一個元素的直接上一層,他們就有父子關(guān)系
如果是從一個元素到另外一個元素的路徑要經(jīng)過兩層或多層,那這個就是祖先與后代的關(guān)系
5.animate的動畫疊加解決辦法 使用的時候在animate前面放上stop 6.特殊性,繼承,層疊 7.聲明優(yōu)先級的內(nèi)在原因 o,o,o,o中的第一個0就是為內(nèi)連樣式聲明保留的。內(nèi)聯(lián)樣式優(yōu)先級最高。當(dāng)然還有一個是使用:!important,來強制改變優(yōu)先級。 8.繼承的方向 只能往下繼承,不能往上繼承。 有一個例外:body元素的背景樣式可以向上到html元素。 9.偽類 ? ? (1)使用偽類的選擇器就是偽類選擇器 ? ? (2)偽元素選擇器:CSS2.1中定義了4個偽元素 ? ? ? ? ? ? :first-letter(應(yīng)用于塊級元素) ? ? ? ? ? ? :first-line(應(yīng)用于塊級元素) ? ? ? ? ? ? :before ? ? ? ? ? ? :after? ? ? ? ?? ? ?? 10.border就不能繼承 11.html與xhtml將類選擇器和id選擇器定義為區(qū)分大小寫 12.css中導(dǎo)入多個css:使用@important @important url(styl.css)13.字體下載問題 css2支持下載樣式,并定義了響應(yīng)屬性,不過web瀏覽器總是拒絕下載字體。 14.字體:font-family:‘X X’,'XX',AA 字體中如果有特殊符號或者有空格,必須要用引號括起來,這是一種推薦做法。 15.文本處理 (1)水平對齊 text-align:應(yīng)用于塊狀元素 與center不一樣,它會使得元素居中不只是文本 (2)段落縮進 text-indent:應(yīng)用于塊狀元素,可以是正值也可以是負值。負值用于懸掛縮進。 如果是行內(nèi)元素的話,可以使用左內(nèi)邊距。 (3)垂直對齊? 行高:line-height指的是文本行的基線間的距離。 ? ? ? ?一種是顯示的設(shè)置每個元素的行高,這種方式不是很實用。 ? ? ? ?另外一種是設(shè)定一個縮放因子。 ? ? ? ? 構(gòu)造文本行: ? ? ? ? 文本行中的每個元素都會生成一個內(nèi)容區(qū),這個由字體的大小確定。 ? ? ? ? ? ? 這個內(nèi)容區(qū)則會生成一個行內(nèi)框,如果不存在其他因素,這個行內(nèi)框完全等于該元素的內(nèi)容區(qū)。 ? ? ? ? 由line-height產(chǎn)生的行間距就是增加或減少各行內(nèi)框高度的因素之一。 vertical-align:作用于行內(nèi)元素和替換元素? (4)子間隔和字母間隔 字間隔:word-spacing ? ? ? ? ? ? 這個長度會增加到字之間的標準間隔。 字母間隔:letter-spacing 這兩者的區(qū)別在于:字母間隔修改的是字符或字母之間的間隔。 (5)文本轉(zhuǎn)換 ? ? text-transform (6)文本裝飾 ? ? text-decoration (7)文本陰影 ? ? text-shadow (8)處理空白符:其實HTML已經(jīng)做到了這點,它將任何空白壓縮成單個空白符。 ? ? white-space
轉(zhuǎn)載于:https://www.cnblogs.com/momox/p/5047122.html
總結(jié)
以上是生活随笔為你收集整理的CSS权威指南之css声明,伪类,文本处理--(简要笔记一)的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 关于tar无法解压缩问题
- 下一篇: UPS不间断电源的种类有哪些 常见的3类