宽高自适应
自适应:元素大小能够根据窗口或子元素自动调整
(1)宽度自适应:默认为auto
(2)高度自适应:默认值为auto
浮动元素的高度自适应
万能清除浮动发法:
选择符:after{
content:" ";
clear:both;
display:block;
width:0;
height:0;
visibility:hidden;
}
伪元素
1. :after和content一起使用,定义对象后面的内容
如 div::after{
content:url(logo.jpg);
}
div::after{
content:" 文本内容 ";
}
2. :bofore和content一起使用,定义对象后面的内容
如 div::bofore{
content:url(logo.jpg);
}
div::after{
content:" 在其前放入内容 ";
}
3.::first-letter 定义对象内部第一个字符样式
4.::first-line 定义对象内部第一行文本样式
calc()函数的使用
calc()用于动态计算长度值,运算符前后要加空格
calc(100% - 100px)