h5 + css易混淆點

html1

  • href和src的區(qū)別
  • href相當于引用,資源不是必須的
  • src相當于引入,資源是必須的

inline, inline-block, block的區(qū)別

  • inline

<ul>
<ol>1、內(nèi)聯(lián)不會獨占一行</ol>
<ol>2、設(shè)置寬高無效</ol>
</ul>

  • block

<ul>
<ol>1、塊級元素會獨占一行</ol>
<ol>2、設(shè)置寬高有效</ol>
</ul>

  • inline-block

<ul>
<ol>1、對象作為內(nèi)聯(lián)對象</ol>
<ol>2、對象的內(nèi)容作為塊對象</ol>
</ul>

css的選擇器

  • 標簽選擇器
  • 權(quán)值: 1
  • 類選擇器
    • 用“.”
    • 權(quán)值: 10
  • id選擇器
  • 用“#”
  • 權(quán)值: 100
  • 并列選擇器

標簽選擇器,類選擇器
注意:這里的逗號

  • 復合選擇器

標簽選擇器和類選擇器

  • 后代選擇器
  • 偽類選擇器

css常識

<ul>
<ol>1> padding, margin的方向是上,右,下, 左。順時針旋轉(zhuǎn)</ol>
<ol>2> box-shadow是右,下,模糊范圍,和顏色。其他shadow類推</ol>
<ol>3> 對于內(nèi)聯(lián)標簽性質(zhì)的居中,用text-align:center即可。然而對于塊級標簽就要用margin:0 auto</ol>
<ol>4> 對于垂直居中,要用height和line-height搭配使用</ol>
</ul>

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽?zāi)J的外補...
    _Yfling閱讀 14,154評論 1 92
  • 轉(zhuǎn)載請聲明 原文鏈接地址 關(guān)注公眾號獲取更多資訊 第一部分 HTML 第一章 職業(yè)規(guī)劃和前景 職業(yè)方向規(guī)劃定位...
    前端進階之旅閱讀 16,876評論 32 459
  • <a name='html'>HTML</a> Doctype作用?標準模式與兼容模式各有什么區(qū)別? (1)、<...
    clark124閱讀 3,832評論 1 19
  • 1標準的CSS的盒子模型?與低版本IE的盒子模型有什么不同的? CSS盒子模型:由四個屬性組成的外邊距(margi...
    秦小婕閱讀 1,301評論 0 1
  • 周末一家人出去玩,我心想著“陪你長大,伴你走天涯”,其實,反過來,孩子也在陪伴我們長大,家人也在陪伴我們走天涯...
    曲魯偉閱讀 528評論 2 2

友情鏈接更多精彩內(nèi)容