塊級(jí)元素和行內(nèi)元素分別有哪些?動(dòng)手測(cè)試并列出4條以上的特性區(qū)別
塊級(jí)元素block-level: div h1~h6 form ul li table p
- 每個(gè)塊級(jí)元素都從新的一行開始癌蚁,并且其后的元素也另起一行幻梯。
- 元素的高度、寬度努释、行高以及頂和底邊距都可設(shè)置碘梢。
- 元素寬度在不設(shè)置的情況下,是它本身父容器的100%(和父元素的寬度一致)伐蒂,除非設(shè)定一個(gè)寬度煞躬。
- 塊級(jí)元素可以放行內(nèi)元素和塊級(jí)元素
行內(nèi)元素inline-level: em stong span button label input textarea img br
- 和其他元素都在一行上;
- 元素的高度逸邦、寬度恩沛、行高及頂部和底部邊距不可設(shè)置;
- 元素的寬度就是它包含的文字或圖片的寬度缕减,不可改變雷客。
- 行內(nèi)元素只能包含行內(nèi)元素和文本
什么是 CSS 繼承? 哪些屬性能繼承,哪些不能桥狡?
css繼承就是只子節(jié)點(diǎn)繼承父節(jié)點(diǎn)的屬性
不可繼承的: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í)元素:
margin:0 auto;
- 行內(nèi)元素:
text-align:center
單行文本溢出加 ...如何實(shí)現(xiàn)?
white-space:nowrap;
不折行
overflow:hidden;
超出部分隱藏
text-overflow:ellipsis;
顯示省略符號(hào)來(lái)代表被修剪的文本。
px, em, rem 有什么區(qū)別
- (Pixel)是像素殿如,是固定值贡珊。
- 值并不是固定的,會(huì)繼承父級(jí)元素的字體大小涉馁,是默認(rèn)字體大小的倍數(shù)门岔。
- rem為元素設(shè)定字體大小時(shí),仍然是相對(duì)大小烤送,但相對(duì)的只是HTML根元素
解釋下面代碼的作用?為什么要加引號(hào)? 字體里\5b8b\4f53代表什么?
body{
font: 12px/1.5 tahoma,arial,'Hiragino Sans GB','\5b8b \4f53',sans-serif;
}
表明整個(gè)body里面的字體大小為12px,行高為12px的1.5倍寒随,即18px.字體優(yōu)先采用tahoma字體议忽,后面用,分開的都是備選字體旋炒,若前面的字體瀏覽器找不到則按照順序依次往下選擇。
引號(hào)表明字體名稱包含空格,引號(hào)內(nèi)部是一個(gè)字體的整體名稱昔园。
在 CSS 中設(shè)置字體時(shí)瘪弓,直接寫字體中文或英文名稱瀏覽器都能識(shí)別宰掉,直接寫中文的情況下編碼(GB2312恐仑、UTF-8 等)不匹配時(shí)會(huì)產(chǎn)生亂碼。保險(xiǎn)的方式是將字體名稱用Unicode來(lái)表示判帮。代碼中的'\5b8b\4f53'就是用Unicode表示的字體宋體局嘁。