美文网首页
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易混淆点

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

  • PMP易混淆知识点汇总

    PMP易混淆知识点之制约因素和假设条件 PMP易混淆知识点之标准和制度 PMP易混淆知识点之组织过程资产和事业环境...

  • String易混淆点

    slice(start,end) 不限正负,负代表从右往左,-1 指字符串的最后一个字符注意:返回新的字符串 su...

  • sql易混淆点

    1、order by、sort by、distribute by 1). order by 只有一个reduce负...

  • H5,css,Js易忘点

    H5新增属性 全局属性 contentEditable ------ 是否可编辑---- 布尔类型hiddensp...

  • H5+CSS总结

    H5和CSS知识点总结脑图

  • 用h5+SVG+js+css实现动态圆环进度

    方式一 h5代码 JS css 方式二: h5: css

  • PMP易混淆知识点汇总

    PMP干货推荐---易混淆知识点汇总 PMP易混淆知识点之制约因素和假设条件 制约因素是指对项目或过程的执行有影响...

  • 前端基础之易忘的一些概念(HTML&CSS)

    HTML&CSS已经学习完了,有一些东西已经熟记于心了,但也不免会有一些知识点或易混淆或易于遗忘,下面我来把自己这...

  • h5 左侧导航栏 (1)

    贴图看效果 很简单的代码 就是h5加点css配合实现的效果

网友评论

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

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