1、字體系列屬性
成都創(chuàng)新互聯(lián)公司服務(wù)項(xiàng)目包括蔡家坡網(wǎng)站建設(shè)、蔡家坡網(wǎng)站制作、蔡家坡網(wǎng)頁制作以及蔡家坡網(wǎng)絡(luò)營銷策劃等。多年來,我們專注于互聯(lián)網(wǎng)行業(yè),利用自身積累的技術(shù)優(yōu)勢、行業(yè)經(jīng)驗(yàn)、深度合作伙伴關(guān)系等,向廣大中小型企業(yè)、政府機(jī)構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案,蔡家坡網(wǎng)站推廣取得了明顯的社會(huì)效益與經(jīng)濟(jì)效益。目前,我們服務(wù)的客戶以成都為中心已經(jīng)輻射到蔡家坡省份的部分城市,未來相信會(huì)繼續(xù)擴(kuò)大服務(wù)區(qū)域并繼續(xù)獲得客戶的支持與信任!
font:組合字體
font-family:規(guī)定元素的字體系列
font-weight:設(shè)置字體的粗細(xì)
font-size:設(shè)置字體的尺寸
font-style:定義字體的風(fēng)格
font-variant:設(shè)置小型大寫字母的字體顯示文本,這意味著所有的小寫字母均會(huì)被轉(zhuǎn)換為大寫,但是所有使用小型大寫字體的字母與其余文本相比,其字體尺寸更小。
font-stretch:對當(dāng)前的 font-family 進(jìn)行伸縮變形。所有主流瀏覽器都不支持。
font-size-adjust:為某個(gè)元素規(guī)定一個(gè) aspect 值,這樣就可以保持首選字體的 x-height。
2、文本系列屬性
text-indent:文本縮進(jìn)
text-align:文本水平對齊
line-height:行高
word-spacing:增加或減少單詞間的空白(即字間隔)
letter-spacing:增加或減少字符間的空白(字符間距)
text-transform:控制文本大小寫
direction:規(guī)定文本的書寫方向
color:文本顏色
3、元素可見性:visibility
4、表格布局屬性:caption-side、border-collapse、border-spacing、empty-cells、table-layout
5、列表布局屬性:list-style-type、list-style-image、list-style-position、list-style
6、生成內(nèi)容屬性:quotes
7、光標(biāo)屬性:cursor
8、頁面樣式屬性:page、page-break-inside、windows、orphans
9、聲音樣式屬性:speak、speak-punctuation、speak-numeral、speak-header、speech-rate、volume、voice-family、pitch、pitch-range、stress、richness、、azimuth、elevation
三、所有元素可以繼承的屬性
1、元素可見性:visibility
2、光標(biāo)屬性:cursor
四、內(nèi)聯(lián)元素可以繼承的屬性
1、字體系列屬性
2、除text-indent、text-align之外的文本系列屬性
五、塊級(jí)元素可以繼承的屬性
1、text-indent、text-alig
字體相關(guān):line-height, font-family, font-size, font-style, font-variant, font-weight, font
文本相關(guān): letter-spacing, text-align, text-indent, text-transform, word-spacing
列表相關(guān):list-style-image, list-style-position, list-style-type, list-style
還有一個(gè)比較重要的:color
不可繼承的: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。
內(nèi)聯(lián)元素可繼承: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。
所謂層疊性是指多種CSS樣式的疊加:
結(jié)果是:.two樣式生效
所謂繼承性是指書寫CSS樣式表時(shí),子標(biāo)簽會(huì)繼承父標(biāo)簽的某些樣式,如文本顏色和字號(hào)。想要設(shè)置一個(gè)可繼承的屬性,只需將它應(yīng)用于父元素即可。
與文字有關(guān)的屬性都可以,實(shí)現(xiàn)繼承:
特殊點(diǎn):
結(jié)果:a標(biāo)簽會(huì)繼承div的樣式
定義CSS樣式時(shí),經(jīng)常出現(xiàn)兩個(gè)或更多規(guī)則應(yīng)用在同一元素上,這時(shí)就會(huì)出現(xiàn)優(yōu)先級(jí)的問題。
關(guān)于CSS權(quán)重,我們需要一套計(jì)算公式來計(jì)算,這個(gè)就是CSS Specificity,我們稱為CSS特性或稱非凡性,它是一個(gè)衡量CSS值優(yōu)先級(jí)的一個(gè)標(biāo)準(zhǔn)。具體規(guī)范如下:
注意:
總結(jié):
手持手冊給你找
布局:visibility,
顏色:color
字體:
屬性 版本 繼承性 描述
font ? ?CSS1/2 ? ?有 ? ?簡寫屬性。定義元素的文本特性 ?
font-style ? ?CSS1 ? ?有 ? ?指定元素的文本是否為斜體 ?
font-variant ? ?CSS1 ? ?有 ? ?定義元素的文本是否為小型的大寫字母 ?
font-weight ? ?CSS1 ? ?有 ? ?定義元素文本字體的粗細(xì) ?
font-size ? ?CSS1 ? ?有 ? ?定義元素的字體大小 ?
font-family ? ?CSS1 ? ?有 ? ?定義元素文本的字體名稱序列 ?
font-stretch ? ?CSS3 ? ?有 ? ?定義元素的文字是否橫向拉伸變形 ?
font-size-adjust ? ?CSS3 ? ?有 ? ?定義小寫字母x的高度與對象文字字號(hào)的比率。 ?
屬性????版本????繼承性????描述
text-transform ? ?CSS1/3 ? ?有 ? ?定義元素的文本如何轉(zhuǎn)換大小寫 ?
white-space ? ?CSS1 ? ?有 ? ?指定元素是否保留文本間的空格、換行;指定文本超過邊界時(shí)是否換行。 ?
tab-size ? ?CSS3 ? ?有 ? ?定義元素內(nèi)容中制表符的長度 ?
word-break ? ?CSS3 ? ?有 ? ?定義元素內(nèi)容文本的字間與字符間的換行行為 ?
word-wrap/overflow-wrap ? ?CSS3 ? ?有 ? ?定義元素內(nèi)容文本遇到邊界時(shí)如何換行 ?
text-align ? ?CSS1/3 ? ?有 ? ?定義元素內(nèi)容的水平對齊方式 ?
text-align-last ? ?CSS3 ? ?有 ? ?定義塊內(nèi)文本內(nèi)容的最后一行(包括塊內(nèi)僅有一行文本的情況,這時(shí)既是第一行也是最后一行)或者被強(qiáng)制打斷的行的對齊方式 ?
text-justify ? ?CSS3 ? ?有 ? ?定義使用什么方式實(shí)現(xiàn)文本內(nèi)容兩端對齊 ?
word-spacing ? ?CSS1/3 ? ?有 ? ?指定單詞之間的額外間隙 ?
letter-spacing ? ?CSS1/3 ? ?有 ? ?指定字符之間的額外間隙 ?
text-indent ? ?CSS1/3 ? ?有 ? ?定義塊內(nèi)文本內(nèi)容的縮進(jìn) ?
vertical-align ? ?CSS1/2 ? ?無 ? ?定義行內(nèi)元素在行框內(nèi)的垂直對齊方式 ?
line-height ? ?CSS1 ? ?有 ? ?定義元素中行框的最小高度 ?
text-size-adjust ? ?CSS3 ? ?有 ? ?定義移動(dòng)端頁面中元素文本的大小如何調(diào)整?
屬性 版本 繼承性 描述
text-decoration CSS1/3 無 簡寫屬性。定義元素文本裝飾
text-decoration-line CSS3 無 定義元素文本裝飾線條位于文本的哪個(gè)位置
text-decoration-color CSS3 無 指定元素文本裝飾線條的顏色
text-decoration-style CSS3 無 定義元素文本裝飾線條的形狀
text-decoration-skip CSS3 有 定義元素文本裝飾線條必須跳過內(nèi)容中的哪些部分
text-underline-position CSS3 有 定義元素裝飾線的位置
text-shadow CSS3 有 定義文字是否有陰影及模糊效果
還有部分就不列了
檢驗(yàn)?百度搜索CSS 4. 0,? 看下
CSS參考手冊
版本:v4.2.7
最后更新時(shí)間:2018-4-10
編著:飄零霧雨
一、不能繼承的屬性
① 盒子模型所有屬性:margin、padding、border、width、height。
② 輪廓及背景屬性:outline、background。
③ 定位、顯示、浮動(dòng)屬性:display、position、top、left、right、bottom、max-*(如max-height等)、overflow、clear、float、content、z-index。
④ 其他:vertical-align、text-decoration、text-shadow、white-space。
注意:內(nèi)聯(lián)元素不能繼承:text-indent和text-align,但是塊級(jí)元素可以。
二、元素可繼承屬性
① 所有元素可繼承:visibility、cursor。
② 列表元素可繼承:list-style、list-style-type、list-style-position、list-style-image。
③ 字體屬性:line-height、color、font、font-family、font-size、font-style、font-variant、font-weight、font-size-adjust。
④ 文本屬性:text-transform、direction,除了(text-decoration、text-shadow 內(nèi)聯(lián)元素不能繼承 ) 塊級(jí) 可繼承。
⑤ 表格布局屬性:caption-side、border-collapse、border-spacing、empty-cells、table-layout。
⑥ 其它屬性:letter-spacing、word-spacing。
如果還有您知道的,希望可以留言補(bǔ)充。
如果喜歡,不要吝嗇你的愛心“?”哦!