web期末笔记4

一、元素显示与隐藏

1. display:none：完全隐藏，不占用页面空间

2. visibility:hidden：隐藏内容，保留原有位置

二、JavaScript基础简答

1. JS作用：实现页面点击、悬浮、数据处理等交互效果

2. 三种引入方式：行内、内部script标签、外部js文件

3. 输出语句
   alert()弹窗提示；console.log()控制台打印信息

4. 常用鼠标事件
   onclick点击事件、onmouseover鼠标移入、onmouseout鼠标移出

三、高频简答题背诵

1. 块级和行内标签区别
   块级独占一行，可设宽高；行内横向并排，默认无法设置宽高。

2. 为什么要清除浮动？
   浮动元素脱离标准文档流，父盒子失去高度，造成布局塌陷错乱。

3. get与post表单提交区别
   get参数拼接在网址，安全性低，传输数据小；post数据存于请求体，安全性高，适合密码、大量数据。

4. 细线表格实现方法
   给table添加border-collapse: collapse合并相邻边框，统一设置table、td、th边框。

5. Flex弹性布局优势
   无需清除浮动，无高度塌陷问题，水平垂直居中代码简洁，适配各类设备。