塊級(jí)元素和行內(nèi)元素的區(qū)別
1.塊級(jí)元素獨(dú)占一行,默認(rèn)情況下颗胡,其寬度自動(dòng)填滿其父元素寬度毫深;而行內(nèi)元素不會(huì)獨(dú)占一行,相鄰行內(nèi)元素會(huì)排列在同一行里毒姨,直到一行排不下哑蔫,才會(huì)換行,其寬度隨元素的內(nèi)容而變化
2.塊級(jí)元素的width,height屬性可以設(shè)置手素,設(shè)置了寬度還是獨(dú)占一行鸳址,行內(nèi)元素設(shè)置無(wú)效
3.塊級(jí)元素的margin,padding屬性可以設(shè)置生效,而行內(nèi)元素僅在左右方向會(huì)產(chǎn)生邊距效果泉懦,上下無(wú)效
4.塊級(jí)元素display屬性為block稿黍,行內(nèi)元素為inline
css繼承
css的繼承是指被包在內(nèi)部的標(biāo)簽將擁有外部標(biāo)簽的樣式性質(zhì)。
不可繼承的: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
表格元素可繼承:border-collapse
塊級(jí)元素和行內(nèi)元素水平居中
塊級(jí)元素:設(shè)置margin為0,auto;
行內(nèi)元素:text-align:center
用css實(shí)現(xiàn)一個(gè)三角形
使用不同位置的border厚度實(shí)現(xiàn)不同方向的三角形 具體代碼見(jiàn)文末代碼演示
設(shè)置單行文本溢出顯示...
white-space:nowrap;
overflow:hidden;
text-overflow;
px,em和rem
px:絕對(duì)單位,頁(yè)面按精確像素展示
em:相對(duì)單位橙依,基準(zhǔn)點(diǎn)為父節(jié)點(diǎn)字體的大小证舟,如果自身定義了font-size按自身來(lái)計(jì)算(瀏覽器默認(rèn)字體是16px),整個(gè)頁(yè)面內(nèi)1em不是一個(gè)固定的值窗骑。
rem:相對(duì)單位女责,可理解為”root em”, 相對(duì)根節(jié)點(diǎn)html的字體大小來(lái)計(jì)算,CSS3新加屬性
解釋下面代碼的作用?為什么要加引號(hào)创译,字體里\5b8b\4f53代表什么
body{ font: 12px/1.5 tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif; }
設(shè)置字體大小為12px抵知,行高1.5倍,后面從左到右挑選可以使用的字體软族,在中文和多個(gè)英文單詞拼寫的字體兩邊需要加引號(hào)辛藻,\5b8b\4f53為unicode編碼,表示宋體