塊級(jí)元素和行內(nèi)元素分別有哪些？動(dòng)手測(cè)試并列出4條以上的特性區(qū)別
塊級(jí)元素：
<address>聯(lián)系方式信息。<article> HTML5文章內(nèi)容。<aside> HTML5伴隨內(nèi)容。<audio> HTML5音頻播放。<blockquote>塊引用。<canvas> HTML5繪制圖形。<dd>定義列表中定義條目描述。<div>文檔分區(qū)。<dl>定義列表。<fieldset>表單元素分組。<figcaption> HTML5圖文信息組標(biāo)題<figure> HTML5圖文信息組 (參照 <figcaption>)。<footer> HTML5區(qū)段尾或頁尾。<form>表單。<h1>, <h2>, <h3>, <h4>, <h5>, <h6>標(biāo)題級(jí)別 1-6.<header> HTML5區(qū)段頭或頁頭。<hgroup> HTML5標(biāo)題組。<hr>水平分割線。<noscript>不支持腳本或禁用腳本時(shí)顯示的內(nèi)容。<ol>有序列表。<output> HTML5表單輸出。<p>行。<pre>預(yù)格式化文本。<section> HTML5一個(gè)頁面區(qū)段。<table>表格。<tfoot>表腳注。<ul>無序列表。<video> HTML5視頻。
行內(nèi)元素：
b, big, i, small, tt,abbr, acronym, cite, code, dfn, em, kbd, strong, samp, var,a, bdo, br, img, map, object, q,script, span, sub, sup,button, input, label, select, textarea
區(qū)別：
內(nèi)容：一般情況下，行內(nèi)元素只能包含數(shù)據(jù)和其他行內(nèi)元素。而塊級(jí)元素可以包含行內(nèi)元素和其他塊級(jí)元素。
格式：默認(rèn)情況下，行內(nèi)元素不會(huì)以新行開始，而塊級(jí)元素會(huì)新起一行。
塊級(jí)元素有寬高 行內(nèi)元素?zé)o寬高。
塊級(jí)元素可以設(shè)置外邊距 行內(nèi)元素設(shè)置縱向外邊距無效，可以設(shè)置橫向外邊距。
什么是css繼承？哪些屬性能繼承？哪些不能？
每一個(gè)元素都是文檔樹的一部分，除了最頂級(jí)的HTML元素，每個(gè)元素都有其對(duì)應(yīng)的父級(jí)元素，每一個(gè)父級(jí)元素的CSS屬性值都可以被應(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。
更詳細(xì)列表請(qǐng)參閱w3標(biāo)準(zhǔn)屬性繼承
如何讓塊級(jí)元素居中？如何讓行內(nèi)元素水平居中？
- 塊級(jí)元素：margin：0 auto
- 行內(nèi)元素：text-align：center；
用 CSS 實(shí)現(xiàn)一個(gè)三角形
三角形
另外補(bǔ)充一個(gè)css畫形狀大全：css形狀大全
單行文本溢出加 ...如何實(shí)現(xiàn)?
overflow: hidden; 超出部分隱藏
text-overflow:ellipsis; 顯示省略符號(hào)
white-space: nowrap; 不折行
px, em, rem 有什么區(qū)別
- px 在縮放頁面時(shí)無法調(diào)整那些使用它作為單位的字體、按鈕等的大??；
- em 的值并不是固定的，會(huì)繼承父級(jí)元素的字體大小，代表倍數(shù)；
- rem 的值并不是固定的，始終是基于根元素 <html> 的，也代表倍數(shù)。
解釋下面代碼的作用?為什么要加引號(hào)? 字體里\5b8b\4f53代表什么?
body{ font: 12px/1.5 tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif; }
設(shè)置字體大小12px，行高1.5，字體取值依次是Hiragino Sans GB，宋體，sans-serif，當(dāng)文字是中文時(shí)，會(huì)加引號(hào)
這個(gè)名稱不加引號(hào)會(huì)被識(shí)別成多個(gè)元素。
\5b8b\4f53是Unicode碼， 宋體，使用unicode是因?yàn)榫W(wǎng)頁或css編碼是utf-8，直接寫成中文，瀏覽器有可能不能識(shí)別，所以要寫成ounicode編碼。
代碼實(shí)現(xiàn)
1.段落https://jsfiddle.net/y1h5r24L/
2.超鏈接https://jsfiddle.net/47nnt6p8/
3.表格https://jsfiddle.net/3Lxh5ksd/
4.三角形https://jsfiddle.net/w1t93n0h/
5.名片https://jsfiddle.net/3qysnwc2/
