html+css的琐碎问题

总结

1. 行内元素、块元素、行内块元素都有什么？特点是什么

   块级元素、行内元素和行内块元素如何转换、有何特点

   1. 块级元素（div，p，h1~h6，ol，ul…）
      • 独占一行；
      • 宽度、高度、行高及顶部和底部边距都可以设置；
      • 元素宽度再不设置的情况下，和它的父元素的宽度一致。
   2. 行内元素（span，br，a，em，b，i…）
      • 和其他元素都在一行上；
      • 元素的宽度、高度及顶部和顶部边距都不能设置。
      • 元素的宽度就是它所包含的文字或图片的宽度，不可修改。
   3. 行内块元素（img，input，td）
      • 和其他元素都在一行上
      • 元素的宽度、高度、行高及顶部和底部边距都可以设置

2. 几行几列的表格，合并

   表格详情在2.2跟2.3

   1. tr表示行，td表示单元格，th表示表格内的表头单元格
   2. 合并行rowspan，合并列colspan

3. 表单（input）标签类型有什么。

   input标签类型有哪些

   1. 单选radio
   2. 复选checkbox
   3. 文本域textarea （不是input标签里的类型，也放这记录了下）

4. 选择器都有什么？优先级怎么算，权重怎么算

   选择器都有哪些？

   优先级跟权重计算

   1. 交集选择器（标签紧挨着id或者类）
   2. 并集选择器（，号）
   3. 兄弟选择器（+号）
   4. 子元素选择器（>号）
   5. 后代选择器（空格）等
   6. 优先级跟权重在上面链接中

5. 属性（文字、颜色、宽高、内边距、外边距）

   基础单词

   内边距详情

   文字类的单词

   1. color：文字颜色
   2. width：宽
   3. height：高
   4. padding：内边距
   5. margin：外边距

6. 背景颜色，背景图，平铺 no-repeat

   背景属性

   1. background-color:背景颜色
   2. background-repeat：平铺 等

7. 盒模型的计算方式，盒子是由哪些组成的？margin、padding几个值都是什么意思

   盒模型计算

   1. margin：10px 20px 30px 40px
      • 上外边距10px 右外边距20px 下外边距30px 左外边距40px
   2. padding：50px 60px 70px 80px
      • 上内边距50px 右内边距60px 下内外边距70px 左内边距80px

8. margin合并，margin塌陷。解释，解决

   合并及塌陷问题

   • 合并：两个上下垂直的盒子，上盒子设下margin，下盒子设上margin
   • 塌陷：父子关系，子盒子设置上margin，子跟父会一起塌陷
     1. padding
     2. 父盒子设置边框
     3. 父盒子overflow:hidden;

9. 浮动：浮动影响，为什么清浮动？怎么清浮动

   浮动

   1. 布局的时候，小盒子在标准流，一浮动，父盒子高为0，影响下面盒子布局
   2. 在浮动元素后面加空标签，加clear: both;
   3. 给父元素设高
   4. 给父元素设overflow:hidden
   5. 伪元素清浮动 before。after

10. 定位：有几种模式，参照点是哪里，特性

    定位

    1. 绝对：距离他最近的有定位的父元素
    2. 相对：相对他自身原来的位置
    3. 固定：页面、浏览器

11. display都有什么值

    1. none inline block inline-block

12. a:link点击前 a:visit点击后 a:hover点击时 a:active选定链接

    a标签伪类选择器

13. css3都有什么属性 box-shadow border-radius transition，transform text-shadow

    CSS3新增属性

14. 下拉菜单：select option