摘要:哪些屬性可以繼承哪些不可繼承可繼承屬性字體系列屬性組合字體規(guī)定元素的字體系列設(shè)置字體的粗細(xì)設(shè)置字體的尺寸定義字體的風(fēng)格偏大或偏小的字體文本系列屬性文本縮進(jìn)文本水平對劉行高增加或減少單詞間的空白增加或減少字符間的空白控制
CSS哪些屬性可以繼承哪些不可繼承
可繼承屬性:
1.字體系列屬性
font:組合字體
font-family:規(guī)定元素的字體系列
font-weight:設(shè)置字體的粗細(xì)
font-size:設(shè)置字體的尺寸
font-style:定義字體的風(fēng)格
font-variant:偏大或偏小的字體
2.文本系列屬性
text-indent:文本縮進(jìn)
text-align:文本水平對劉
line-height:行高
word-spacing:增加或減少單詞間的空白
letter-spacing:增加或減少字符間的空白
text-transform:控制文本大小寫
direction:規(guī)定文本的書寫方向
color:文本顏色
3.元素可見性
visibility
4.表格布局屬性
caption-side定位表格標(biāo)題位置
border-collapse合并表格邊框
border-spacing設(shè)置相鄰單元格的邊框間的距離
empty-cells單元格的邊框的出現(xiàn)與消失
table-layout表格的寬度由什么決定
5.列表布局屬性
list-style-type文字前面的小點點樣式
list-style-position小點點位置
list-style以上的屬性可通過這屬性集合
6.引用
quotes設(shè)置嵌套引用的引號類型
7.光標(biāo)屬性
cursor:箭頭可以變成需要的形狀
不可繼承屬性
1.displey
2.文本屬性
vertical-align:垂直文本對齊
text-decoration:規(guī)定添加到文本的裝飾
text-shadow:文本陰影效果
white-space:空白符的處理
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
1.原則
使用就近原則,同權(quán)重情況下樣式定義最近者為準(zhǔn)
載入樣式以最后載入的定位為準(zhǔn)
2.優(yōu)先級
同權(quán)重下:
內(nèi)聯(lián)樣式(標(biāo)簽內(nèi)部) > 嵌入樣式表(當(dāng)前文件中) > 外部樣式表(外部文件中)
!import > id > class >tag
備注:important比內(nèi)聯(lián)優(yōu)先級高
親愛的讀者:
每日兩道前端面試題專欄目此后不再以此為標(biāo)題.
關(guān)于日期會寫在文章的最后.嘻嘻
每日兩道前端面試題20190306
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/117489.html
摘要:前言本文講解道前端面試的的內(nèi)容。文章原文地址前端硬核面試專題之問。前端硬核面試專題的完整版在此前端硬核面試專題,包含數(shù)據(jù)結(jié)構(gòu)與算法。 showImg(https://segmentfault.com/img/bVbv2GE?w=900&h=400); 前言 本文講解 55 道前端面試的 CSS 的內(nèi)容。 復(fù)習(xí)前端面試的知識,是為了鞏固前端的基礎(chǔ)知識,最重要的還是平時的積累! 注意:文章...
摘要:只要沒有被覆蓋的話對象原型的屬性就能在所有的實例中找到,若整個原型鏈未找到則返回如何實現(xiàn)繼承構(gòu)造繼承原型繼承實例繼承拷貝繼承原型機制或和方法去實現(xiàn)較簡單,建議使用構(gòu)造函數(shù)與原型混合方式。 HTML相關(guān)問題 1.XHTML和HTML有什么區(qū)別 HTML是一種基本的WEB網(wǎng)頁設(shè)計語言,XHTML是一個基于XML的標(biāo)記語言最主要的不同:XHTML 元素必須被正確地嵌套。XHTML 元素必須被...
摘要:只要沒有被覆蓋的話對象原型的屬性就能在所有的實例中找到,若整個原型鏈未找到則返回如何實現(xiàn)繼承構(gòu)造繼承原型繼承實例繼承拷貝繼承原型機制或和方法去實現(xiàn)較簡單,建議使用構(gòu)造函數(shù)與原型混合方式。 HTML相關(guān)問題 1.XHTML和HTML有什么區(qū)別 HTML是一種基本的WEB網(wǎng)頁設(shè)計語言,XHTML是一個基于XML的標(biāo)記語言最主要的不同:XHTML 元素必須被正確地嵌套。XHTML 元素必須被...
摘要:只要沒有被覆蓋的話對象原型的屬性就能在所有的實例中找到,若整個原型鏈未找到則返回如何實現(xiàn)繼承構(gòu)造繼承原型繼承實例繼承拷貝繼承原型機制或和方法去實現(xiàn)較簡單,建議使用構(gòu)造函數(shù)與原型混合方式。 HTML相關(guān)問題 1.XHTML和HTML有什么區(qū)別 HTML是一種基本的WEB網(wǎng)頁設(shè)計語言,XHTML是一個基于XML的標(biāo)記語言最主要的不同:XHTML 元素必須被正確地嵌套。XHTML 元素必須被...
摘要:寫在前面月到這天,前端提升營,騰訊大佬們分享個人經(jīng)驗,使出各種前端方面的大招。并且減輕服務(wù)器的負(fù)擔(dān),的原則是按需取數(shù)據(jù),可以最大程度的減少冗余請求和響應(yīng)對服務(wù)器造成的負(fù)擔(dān)。控制表單控件的禁用狀態(tài)。 寫在前面 5月24到30這7天,IMWeb前端提升營,騰訊大佬們分享個人經(jīng)驗,使出各種前端方面的大招。從中學(xué)習(xí)了很多前端方面的知識,也get到了前端學(xué)習(xí)的方法論,還有一些算法知識等等。 現(xiàn)將...
閱讀 2310·2021-11-22 12:01
閱讀 1982·2021-11-12 10:34
閱讀 4508·2021-09-22 15:47
閱讀 2827·2019-08-30 15:56
閱讀 2860·2019-08-30 15:53
閱讀 2397·2019-08-30 13:53
閱讀 3370·2019-08-29 15:35
閱讀 3119·2019-08-29 12:27