湊夠100字普碎，
和非置換元素的理解
置換元素（Replaced Element）：主要是指 img麻车、input、textarea啤斗、select钮莲、video彼水、audio等這類默認(rèn)就有 CSS 格式化外表范圍的元素猿涨。
一個(gè) 內(nèi)容 不受 CSS 視覺格式化模型控制，CSS 渲染模型并不考慮對(duì)此內(nèi)容的渲染澡绩，且元素本身一般擁有固有尺寸（寬度俺附，高度事镣，寬高比）的元素，被稱之為置換元素氛琢。
一般來說 span 這種行內(nèi)非置換元素設(shè)置寬高是沒有意義的，除非修改 display: inline-block骚勘。對(duì)于行內(nèi)置換元素俏讹，是可以設(shè)置寬高的畜吊。比如常用的 img 標(biāo)簽自適應(yīng)圖片時(shí)，我們只需要定義一個(gè)寬或者高殉疼，剩下的就會(huì)自動(dòng)幫我們計(jì)算青自。
[css]css的屬性content有什么作用呢延窜？有哪些場(chǎng)景可以用到
CSS 的 content 一般用在 ::before/after 這類的偽元素中抹锄。并且如果 ::before 和 ::after 元素如果不設(shè)置 content 屬性的話伙单，也是沒有效果的吻育。
content 屬性與 :before 及 :after 偽元素配合使用，在元素頭或尾部來插入生成內(nèi)容布疼。
說明： 該屬性用于定義元素之前或之后放置的生成內(nèi)容游两。默認(rèn)地贱案，這往往是行內(nèi)內(nèi)容，不過該內(nèi)容創(chuàng)建的盒子類型可以用屬性 display 控制侨糟。
[js]“attribute”和“property”有什么不同
在操作 DOM 時(shí)，我們經(jīng)常會(huì)操作 attribute 和 property不同。不過從兩者的所屬關(guān)系上來說： property 屬于 DOM Object套鹅，而 atrribute 屬于 HTML汰具。
property 通常比較容易獲取，并且有固定的值（當(dāng)然吟孙，類似 JavaScript 的對(duì)象杰妓，我們可以添加自定義的值巷挥，只是這些不會(huì)被 DOM 所認(rèn)識(shí)）验靡。比如 el.id、el.value高职、el.style 都是 property 而設(shè)置也只需要 el.id=newId 即可怔锌。
attribute 的值不是固定的变过，我們可以自己為 DOM 添加需要的屬性（以前常常用來存放數(shù)據(jù)或者標(biāo)志位，在 HTML5 有了 data-* 的屬性后亚情，一般就利用 data-* 來存放數(shù)據(jù)了）哈雏。對(duì)于 attribute 的設(shè)定和獲取我們使用 setAttribute 和 getAttribute 兩個(gè)方法衫生。
在書寫方面 property 對(duì)于大小寫敏感罪针；而 attribute 對(duì)于大小寫不敏感黄伊。
總的來看 property 的值更偏向于標(biāo)準(zhǔn)而 attribute 的值更偏向于自定義和非標(biāo)準(zhǔn)还最。
[軟技能]最近都流行什么拓轻？你經(jīng)常會(huì)瀏覽哪些網(wǎng)站
簡(jiǎn)書、CSDN勿锅、知乎溢十、掘金张弛、github
