美文网首页
h5 + css易混淆点

h5 + css易混淆点

作者: 抹茶不加糖 | 来源:发表于2016-07-07 23:10 被阅读67次

    html1

    • href和src的区别
    • href相当于引用,资源不是必须的
    • src相当于引入,资源是必须的

    inline, inline-block, block的区别

    • inline

    <ul>
    <ol>1、内联不会独占一行</ol>
    <ol>2、设置宽高无效</ol>
    </ul>

    • block

    <ul>
    <ol>1、块级元素会独占一行</ol>
    <ol>2、设置宽高有效</ol>
    </ul>

    • inline-block

    <ul>
    <ol>1、对象作为内联对象</ol>
    <ol>2、对象的内容作为块对象</ol>
    </ul>

    css的选择器

    • 标签选择器
    • 权值: 1
    • 类选择器
      • 用“.”
      • 权值: 10
    • id选择器
    • 用“#”
    • 权值: 100
    • 并列选择器

    标签选择器,类选择器
    注意:这里的逗号

    • 复合选择器

    标签选择器和类选择器

    • 后代选择器
    • 伪类选择器

    css常识

    <ul>
    <ol>1> padding, margin的方向是上,右,下, 左。顺时针旋转</ol>
    <ol>2> box-shadow是右,下,模糊范围,和颜色。其他shadow类推</ol>
    <ol>3> 对于内联标签性质的居中,用text-align:center即可。然而对于块级标签就要用margin:0 auto</ol>
    <ol>4> 对于垂直居中,要用height和line-height搭配使用</ol>
    </ul>

    相关文章

      网友评论

          本文标题:h5 + css易混淆点

          本文链接:https://www.haomeiwen.com/subject/bpiljttx.html