1.塊級元素和行內(nèi)元素分別有哪些？動手測試并列出4條以上的特性區(qū)別垄分。
- 塊級元素
div,h1-6,p,hr,form,ul,dl,ol,pre,table,li,dd,dt,tr,td,th - 行內(nèi)元素
em,strong,span,a,br,img,button,input,label,select,textarea,code,script
區(qū)別：
- 塊級元素獨(dú)占一行空間狡门，行內(nèi)元素只占據(jù)自身寬度的空間。
- 塊級元素內(nèi)可以包含塊級元素跟行內(nèi)元素茂装，行內(nèi)元素內(nèi)只能包含文本跟行內(nèi)元素履植。
- 塊級元素可以設(shè)置寬高计雌，行內(nèi)元素設(shè)置寬高無效。
- 塊級元素可以自定義上下外邊距玫霎，行內(nèi)元素上下外邊距定義無效凿滤。
2.什么是 CSS 繼承? 哪些屬性能繼承，哪些不能庶近？
繼承是指可繼承的css樣式不僅應(yīng)用到指定的元素翁脆，還會應(yīng)用到它的后代元素。
- 不可繼承的：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。
3.如何讓塊級元素水平居中符糊？如何讓行內(nèi)元素水平居中?
塊級元素水平居中：對該塊級元素設(shè)置margin: 0 auto;
行內(nèi)元素水平居中：對行內(nèi)元素的父元素設(shè)置text-align: center;
4.用 CSS 實現(xiàn)一個三角形
- 創(chuàng)建一個div,寬度高度為0凫海。
- 對該div設(shè)置一個邊框，邊框的顏色即是三角形的顏色濒蒋，邊框?qū)挾葎t是三角形的高盐碱。
- 將四周四條邊框其中相鄰兩條或三條邊框顏色設(shè)為透明。即可得到一個三角形沪伙。
css代碼如下：
div{
width: 0px;
height: 0px;
border: 200px solid transparent;
border-top-color: red;
}
5.單行文本溢出加 ...如何實現(xiàn)?
選中文本所在的父塊級元素{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
6.px, em, rem 有什么區(qū)別瓮顽。
- px：代表像素，是固定單位围橡。
- em：相對單位暖混，代表父元素字體大小。
- rem：相對單位翁授，代表根元素（html）字體大小拣播。
7.解釋下面代碼的作用?為什么要加引號? 字體里\5b8b\4f53代表什么?
body{
font: 12px/1.5 tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif;
}
當(dāng)字體名字中有空格或#等特殊字符時，需要把字體名稱加引號收擦。加引號是為了讓瀏覽器穩(wěn)定正確的識別字體名稱贮配。
\5b8b\4f53是unicode碼，代表中文里的“宋體”塞赂。
