2020-08-10

1. html中的注释为 ,CSS中的注释为 /* */ 。
   2.表格中合并单元格的属性为 cellspacing ，定义表格与内容间距的属性为 cellpadding ，列合并的属性为 colspan ，行合并的属性为 rowspan。

3.表单中单选框为 radio，复选框为 checkbox，单行文本框为 text ，文件上传按钮为 file，多行文本框为 textarea，下拉菜单为 select>option。
4.form表单中定义表单提交方式的属性为 method，其常见的属性值为post和get。属性action表示当提交表单时，向何处发送表单数据。

5、css中盒子模型有 标准/内容 盒子 和 边框 盒子；通过 box-sizing 属性修改盒子模型；给 边框 盒子设置宽度时，设置的宽度值直接设置给盒子的宽度
6、简述块级元素在父元素的居中方法有哪些？
1) 父元素position
1. 父元素相对定位，子元素绝对定位，子元素margin:auto;top:0;left:0;bottom:0;right:0;
2. 父元素相对定位，子元素绝对定位，子元素left:50%,top:50%;margin-left:-子元素一半的宽度;margin-top: - 子元素一半的高度

2) 父元素display
    3. 父元素display:flex; justify-content:center; align-items:center，子元素自动居中  （伸缩盒布局）
    4. 父元素display:table-cell; vertical-align:middle; 子元素margin:auto;

7、清除浮动的方式有哪些？
1.浮动元素的父级元素：overflow:hidden;
2.浮动元素的父级元素： ::after{clear:both;content:’’;display:block;}
3.浮动元素的同级：添加一个空标签，并且设置clear:both;

8、块级元素有哪些？行内元素有哪些？行内元素与块级元素分别有什么特点？
块级元素
div、h1~h5、p、html、body、ul、li
1) 独占一行
2) 默认宽度为100%，默认高度由子元素或者内容决定
3) 可以为其指定宽高 style=“width:;height:;”

行内元素
    span、a、img、strong、i
    1) 与其他行内元素共享一行
    2) 默认宽高由内容决定
    3) 不能为其指定宽和高
    4) 行内元素中不可以嵌套块元素，但块元素中可以嵌套行内元素

9、简述父子级外边距合并问题的几种解决方案？
1、父元素：border：1px solid;（不能是0px）
2、父元素：overflow: hidden;（或auto）
3、父元素：padding-top：30px；（不能是0或auto，其他的任意数值都可以）
4、父元素或子元素脱离文档流
1) 浮动float：left；（不能是auto）
2) 定位position：absolute;或者position：fixed;
5、子元素：display：inline-block;

10、简述html中引入css的方式有哪些？并说明区别；
1. 内部style标签【内部样式表】
将样式添加到head标签中的style标签里

    2. 内联style属性【内联样式表】
        在元素中添加style属性
        <div style="width:100px;height:100px;"></div>

    3. 外部link导入【外部样式表】
        将样式单独抽离出来，写成一个css文件，在head标签中通过link标签导入
        <link rel="stylesheet" href="">

    4. @import导入
        将样式单独抽离出来，写成一个css文件，在style标签内通过@import导入路径
        <style>
            @import './test.css';
        </style>    
@import和link区别：        
1) 加载顺序
    @import在文档加载完毕后再去加载
    link在加载页面时同时被加载
2) 所属范围
    @import属于css样式
    link属于html标签
3) 兼容性
    @import要在IE5版本以上才可以使用
    link不存在兼容性问题