css需要注意的一些知識點

CSS中可以和不可以繼承的屬性

一、無繼承性的屬性

1栅盲、display:規(guī)定元素應該生成的框的類型

2汪诉、文本屬性:

vertical-align:垂直文本對齊

text-decoration:規(guī)定添加到文本的裝飾

text-shadow:文本陰影效果

white-space:空白符的處理

unicode-bidi:設置文本的方向

3、盒子模型的屬性:width谈秫、height扒寄、margin 、margin-top拟烫、margin-right该编、margin-bottom、margin-left硕淑、border课竣、border-style、border-top-style置媳、border-right-style稠氮、border-bottom-style、border-left-style半开、border-width、border-top-width赃份、border-right-right寂拆、border-bottom-width、border-left-width抓韩、border-color纠永、border-top-color、border-right-color谒拴、border-bottom-color尝江、border-left-color、border-top英上、border-right炭序、border-bottom、border-left苍日、padding惭聂、padding-top、padding-right相恃、padding-bottom辜纲、padding-left

4、背景屬性:background、background-color耕腾、background-image见剩、background-repeat、background-position扫俺、background-attachment

5苍苞、定位屬性:float、clear牵舵、position柒啤、top、right畸颅、bottom担巩、left、min-width没炒、min-height涛癌、max-width、max-height送火、overflow拳话、clip、z-index

6种吸、生成內容屬性:content弃衍、counter-reset、counter-increment

7坚俗、輪廓樣式屬性:outline-style镜盯、outline-width、outline-color猖败、outline

8速缆、頁面樣式屬性:size、page-break-before恩闻、page-break-after

9艺糜、聲音樣式屬性:pause-before、pause-after幢尚、pause破停、cue-before、cue-after尉剩、cue辱挥、play-during

二、有繼承性的屬性

1边涕、字體系列屬性

font:組合字體

font-family:規(guī)定元素的字體系列

font-weight:設置字體的粗細

font-size:設置字體的尺寸

font-style:定義字體的風格

font-variant:設置小型大寫字母的字體顯示文本晤碘,這意味著所有的小寫字母均會被轉換為大寫褂微,但是所有使用小型大寫字體的字母與其余文本相比,其字體尺寸更小园爷。

font-stretch:對當前的 font-family 進行伸縮變形宠蚂。所有主流瀏覽器都不支持。

font-size-adjust:為某個元素規(guī)定一個 aspect 值童社,這樣就可以保持首選字體的 x-height求厕。

2、文本系列屬性

text-indent:文本縮進

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列另、生成內容屬性:quotes

7、光標屬性: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、光標屬性:cursor

四染簇、內聯元素可以繼承的屬性

1参滴、字體系列屬性

2、除text-indent锻弓、text-align之外的文本系列屬性

五砾赔、塊級元素可以繼承的屬性

1、text-indent青灼、text-align

css垂直水平居中詳解

垂直水平居中詳解

HTML頁面渲染詳解

參考鏈接


font-family
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
  • 序言:七十年代末暴心,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子杂拨,更是在濱河造成了極大的恐慌专普,老刑警劉巖,帶你破解...
    沈念sama閱讀 222,000評論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件扳躬,死亡現場離奇詭異脆诉,居然都是意外死亡,警方通過查閱死者的電腦和手機贷币,發(fā)現死者居然都...
    沈念sama閱讀 94,745評論 3 399
  • 文/潘曉璐 我一進店門击胜,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人役纹,你說我怎么就攤上這事偶摔。” “怎么了促脉?”我有些...
    開封第一講書人閱讀 168,561評論 0 360
  • 文/不壞的土叔 我叫張陵辰斋,是天一觀的道長。 經常有香客問我瘸味,道長宫仗,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 59,782評論 1 298
  • 正文 為了忘掉前任旁仿,我火速辦了婚禮藕夫,結果婚禮上,老公的妹妹穿的比我還像新娘枯冈。我一直安慰自己毅贮,他們只是感情好,可當我...
    茶點故事閱讀 68,798評論 6 397
  • 文/花漫 我一把揭開白布尘奏。 她就那樣靜靜地躺著滩褥,像睡著了一般。 火紅的嫁衣襯著肌膚如雪炫加。 梳的紋絲不亂的頭發(fā)上瑰煎,一...
    開封第一講書人閱讀 52,394評論 1 310
  • 那天铺然,我揣著相機與錄音,去河邊找鬼丢间。 笑死探熔,一個胖子當著我的面吹牛,可吹牛的內容都是我干的烘挫。 我是一名探鬼主播诀艰,決...
    沈念sama閱讀 40,952評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼饮六!你這毒婦竟也來了其垄?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 39,852評論 0 276
  • 序言:老撾萬榮一對情侶失蹤卤橄,失蹤者是張志新(化名)和其女友劉穎绿满,沒想到半個月后,有當地人在樹林里發(fā)現了一具尸體窟扑,經...
    沈念sama閱讀 46,409評論 1 318
  • 正文 獨居荒郊野嶺守林人離奇死亡喇颁,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 38,483評論 3 341
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現自己被綠了嚎货。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片橘霎。...
    茶點故事閱讀 40,615評論 1 352
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖殖属,靈堂內的尸體忽然破棺而出姐叁,到底是詐尸還是另有隱情,我是刑警寧澤洗显,帶...
    沈念sama閱讀 36,303評論 5 350
  • 正文 年R本政府宣布外潜,位于F島的核電站,受9級特大地震影響挠唆,放射性物質發(fā)生泄漏处窥。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,979評論 3 334
  • 文/蒙蒙 一玄组、第九天 我趴在偏房一處隱蔽的房頂上張望滔驾。 院中可真熱鬧,春花似錦巧勤、人聲如沸嵌灰。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,470評論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至迁匠,卻和暖如春剩瓶,著一層夾襖步出監(jiān)牢的瞬間驹溃,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,571評論 1 272
  • 我被黑心中介騙來泰國打工延曙, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留豌鹤,地道東北人。 一個月前我還...
    沈念sama閱讀 49,041評論 3 377
  • 正文 我出身青樓枝缔,卻偏偏與公主長得像布疙,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子愿卸,可洞房花燭夜當晚...
    茶點故事閱讀 45,630評論 2 359

推薦閱讀更多精彩內容

  • 各種純css圖標 CSS3可以實現很多漂亮的圖形灵临,我收集了32種圖形,在下面列出趴荸。直接用CSS3畫出這些圖形儒溉,要比...
    劍殘閱讀 9,564評論 0 8
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 13,759評論 1 92
  • 學習CSS的最佳網站沒有之一 http://www.w3school.com.cn/tags/index.asp ...
    Amyyy_閱讀 1,066評論 0 1
  • 1发钝、垂直對齊 如果你用CSS顿涣,則你會有困惑:我該怎么垂直對齊容器中的元素?現在酝豪,利用CSS3的Transform涛碑,...
    kiddings閱讀 3,170評論 0 11
  • 1锌唾、引 前些天朋友A問我,朋友B是否辦妥了北京戶口夺英,昨天又探晌涕,B是否分到了發(fā)改委工作。 我疑惑為何對他如此關心痛悯?他...
    colinadrian閱讀 1,560評論 0 3