第十一天笔记，继承、BFC、宽高自适应...

继承

继承和通用选择器权重是0

text-transform 大小写转化

:uppercase转为大写

BFC概念

BFC即Block Formatting Contexts (块级格式化上下文)， 它属于定位方案中的普通流 简单理解： BFC就是页面中一个独立的容器，容器内部的元素是不会影响外面元素的。 利用BFC可以解决margin的合并，或者塌陷。或者 阻止元素被浮动元素覆盖。 我们经常给父元素加overflow:hidden来触发BFC。

宽度自适应

宽度设置auto或不设置（不建议使用）

min-width:最小宽度

max-width:最大宽度

高度自适应

高度设置auto或不设置（不建议使用）

min-height属性：最小高度

当内容少的时候让父元素可以保持一个最小高度。

当内容多的时候让父元素被内容撑开

max-height:最大高度

万能清除法

.clearfix::after{

content:“";

clear:both;

display:block;

height:0;

overflow:hidden;

visibility:hidden;隐藏

}

伪类选择器

::after{

content:”在XX之后添加的内容”

}

::befor{

content:”在XX之前添加的内容”

}

:first-letter{

}第一个字

:first:line{

}第一行

伪类选择器一般用于块级元素上

用伪类选择器实现三角形

html代码只有一个div，css代码如下：

div{

width:250px;

height:60px;

border-radius:5px;

background-color:green;

position:relative;

color:#fff;

}

div::after{

content:'';

width:0px;

height:0px;

border-width:10px;

border-style:solid;

border-color:transparent transparent transparent green;

position:absolute;

right:-20px;

top:20px;

}

输入框去蓝框框outline:none;

隐藏元素

display:none;元素彻底不可见，不会占位置

visibility:hidden元素不可见，但是依然占位置