h5 + css易混淆点

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>

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,809评论 1 92
  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,622评论 32 459
  • <a name='html'>HTML</a> Doctype作用?标准模式与兼容模式各有什么区别? (1)、<...
    clark124阅读 3,567评论 1 19
  • 1标准的CSS的盒子模型?与低版本IE的盒子模型有什么不同的? CSS盒子模型:由四个属性组成的外边距(margi...
    秦小婕阅读 1,223评论 0 1
  • 周末一家人出去玩,我心想着“陪你长大,伴你走天涯”,其实,反过来,孩子也在陪伴我们长大,家人也在陪伴我们走天涯...
    曲鲁伟阅读 485评论 2 2