前端学习HTML CSS博客

第一次写博客，难免有些紧张和粗糙，有很多不懂和做的不完善的地方，希望大佬们可以指出来，让我查漏补缺，也欢迎一起学前端的同学相互借鉴，相互学习，共同进步。

一.元素的隐藏方式：
1.display:none；不产生盒子的隐藏，会隐藏原本的位置，后面盒子会占据它的位置；
2.opacity:0 ；元素变透明的隐藏，原来位置在 ，具有继承性，当前元素标签里的文本和图片一起变化，可选中原来的位置；
3.color：rgba( ， ， ,0) ；元素变透明的隐藏，rgba () 中前三个取值在255，最后取值在0-1（为透明度）只是当前标签里文本变透明，图片不变透明；
4.visibility:hidden；当前元素消失 ，创建新的盒子占据原本的位置，后面的盒子不会占据它的位置，是不可选中原来位置的；

二.边框的隐藏：
1.boder:transparent ; 所有方位的边框直接透明隐藏；
2.boder-right: transparent ;右边框透明隐藏；
3.boder-left: transparent ;左边框透明隐藏；
4.boder-top: transparent ;上边框透明隐藏；
5.boder-bottom: transparent ;下边框透明隐藏；

三.背景隐藏：
background-color:transparent ; 直接透明；
background-color:rgba( , , , 0) ;设置透明度；

四.背景剪切：
1.background-clip:border-box；默认值，不剪切；
2.background-clip:content-box；（剪切保留中间内容位置） 如果设置了padding border 那就会把内边距和边框剪切掉
背景色和背景图位置不发生变化，即在页面只显示content区域的内容；
3.background-clip:padding-box 会剪掉border部分，在页面只显示padding和content区域的内容；

五.块级格式化上下文：
全称 block formatting context ,简称BFC;
它是一块独立的渲染区域，它规定了在该区域中，常规流块盒的布局方式，不同的BFC区域，他们进行的渲染互不干扰
具体规则：
创建BFC的元素，隔绝了它内部和外部的联系，内部的渲染不会影响到外部
创建BFC的元素，它的自动高度需要计算浮动元素
创建BFC的元素，不会和它的子元素进行外边距合并（粘连）

如何创建BFC？
1.根元素 （本身就是BFC区域）
2.浮动和绝对定位
3.overflow不等于visible的值，就都可以

给元素的父级加属性overflow：hidden，儿子级如果浮动了，浮动的高度会找回来，并且不会影响后面其它元素的位置摆放

<style>
      .all{
   
        o