测试2

图片

  • png 无损压缩，尺寸体积要比jpg的大，适合做小图标
  • jpg 采用压缩算法，有一点失真，比png体积要小，适合做中大图片
  • gif 一般是做动图的
  • webp 同时支持有损或者无损压缩，相同质量的图片，webp具有更小的体积

css的盒子模型

  • 标准盒子模型
    margin/border/padding/content
  • ie盒子模型
    margin/content(border+padding+content)
  • 盒子模型转换
    box-sizing/content-box 标准/border-box ie模型

行高

  • line-height
    每一行文字的高度，如果文字有多行，则高度为行数*高度
  • height
    是一个死值，就是这个盒子的高度

css的选择符，哪些可以继承

  • 通配*
  • id选择器 #
  • class选择器 .
  • 标签选择器 div
  • 相邻选择器 +
  • 后代选择器 ul li
  • 子元素选择器 >
  • 属性选择器 a[href]
  • css可以继承的属性
    font-size
    color
    line-height
    text-align
  • css不可以继承的属性
    border
    padding
    margin

css优先级算法

!important>内联样式>id>class>标签>通配

内容来源于网络如有侵权请私信删除

文章来源: 博客园

原文链接: https://www.cnblogs.com/codingggo/p/17368299.html

标签： HTML CSS HTML5 CSS3
你还没有登录，请先登录或注册！
  • 还没有人评论，欢迎说说您的想法！

相关课程

HTML5网页标签
3949 0元 限免
云知梦-HTML5网页标签
4610 0元 限免