前端学习笔记4

前端学习笔记4

一、无效链接的写法

项目中在开发阶段，通常会把a标签的href属性设置为无效链接，格式可以有一下几种：

<a href="javascript:void(0);">叩丁狼</a>
<a href="javascript:;">叩丁狼</a>
<a href="#">叩丁狼</a>

二、注释

注释的作用：1、对附近代码块进行注解说明 ；2、屏蔽不想要执行的代码

html的注释方式：

 <!-- 注释语句 -->  
 <!-- 
注释语句 
注释语句 
注释语句 
-->

css的注释方式：

/*注释内容*/

/*
注释内容
注释内容
注释内容
*/

注释在VScode的快捷键是 Ctrl+/

三、溢出隐藏overflow:hidden;

1、overflow:hidden;溢出隐藏–把多余的部分给掉。

2、overflow:auto； 把多余的部分以滚动条的方式来显示。

四、外边距合并（外边距塌陷）

使用margin定义块元素的垂直外边距时，可能会出现外边距的合并。

第一种情况：如果是并列的两个盒子，那么他会以最大的那个外边距来计算。正常----所有浏览器都是以最大那个来算。

第二种：嵌套的两个盒子就真的出现bug

我们只是给了小盒子一个外边距，它既然把父盒子给带走了，会出现错位的bug。

解决方法：早期写法给父盒子加一个白色的边框, 第二种写法：overflow:hidden;----很强大 推荐大家用这一种。

五、文字居中和盒子居中

文字居中用text-align:center;

盒子居中用margin: 0 auto;

六、网页布局的三大流派

标准流（文档流）、浮动流，定位流。

标准流（文档流）就是网页中元素默认的排列方式，自上而下，从左到右，我们前面所学习的就是标准流布局。

浮动流和定位流在后面的学习中会讲到。

Demo：

1、搜索趣图

2、知识公路