1.塊級元素和行內(nèi)元素分別有哪些?動手測試并列出4條以上的特性區(qū)別
image.png
特性區(qū)別:
- 塊級元素內(nèi)容沒有占滿一行,也會強(qiáng)行占據(jù)一行。
- 塊級元素可以設(shè)置寬高往果,而行內(nèi)元素不可以(img元素可以設(shè)置寬高)
- 上下外邊距對塊級元素生效,對行內(nèi)元素?zé)o效
- 想讓行內(nèi)元素居中設(shè)置 text-align:center; 一铅,對于塊級元素居中設(shè)置margin:0 auto;
2.什么是 CSS 繼承? 哪些屬性能繼承陕贮,哪些不能?
css繼承:子元素從父元素那繼承部分css屬性潘飘。(可以減少css代碼)
image.png
3.如何讓塊級元素水平居中肮之?如何讓行內(nèi)元素水平居中?
- 塊級元素:margin:0 auto;
- 行內(nèi)元素:text-align:center;
4.用 CSS 實(shí)現(xiàn)一個三角形
在html中寫一個div,然后給div添加樣式
div{width:0;
height:0;
border-top:solid 10px black;
border-right:solid 10px transparent;
border-bottom:solid 10px transparent;
border-left:solid 10px transparent;}
這只是其中一種卜录,其他的類似
5.單行文本溢出加 ...如何實(shí)現(xiàn)?
image.png
white-space: nowrap;(設(shè)置不換行)
overflow: hidden;(設(shè)置不超過邊框)
text-overflow: ellipsis;(設(shè)置超過的文本變成...)
6.px, em, rem 有什么區(qū)別
- px:電腦像素
- em:相對于父元素的倍數(shù)
- rem:相對于根元素的倍數(shù)
7.解釋下面代碼的作用?為什么要加引號? 字體里\5b8b\4f53代表什么?
- 12px/1.5:設(shè)置了body的font樣式戈擒,字體大學(xué)為12px,行高是字體的1.5倍
- tahoma暴凑,arial峦甩,'Hiragino Sans GB','\5b8b\4f53',sans-serif:字體可在tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif 這些字體中選擇(若都不存在现喳,則為瀏覽器默認(rèn)字體凯傲,第一個字體不存在,就使用第二個嗦篱,第二個不存在就使用第三個冰单,以此類推。都不存在灸促,選擇瀏覽器默認(rèn)字體
- \5b8b\4f53是Unicode碼诫欠,而且全球通用,也是為了防止在個別瀏覽器上無法識別浴栽,所以用Unicode來表達(dá)的荒叼。
8.代碼
image.png
不能再用cellspacing屬性(被廢棄)