css笔记

伪元素存在于任意一个元素里面。伪元素默认是行内（行级）元素，可以通过display去改变。

.wrapper::after{
content:"";
clear:both; --清除浮动必须要是块级元素。
display:block;
}


背景图片处理:
当css没有加载出来的时候，依然可以显示文字。

text-indent:200px;
white-space:nowrap;
overflow:hidden;

溢出容器，打点显示:
<p>法国议会选举第一轮投票结束法国议会选举第一轮投票结束法国议会选举第一轮投票结束</p>

p{
width:300px;
height:20px;
line-height:20px;
border:1px solid black;

white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}


css的权重:
!impotrant
行间样式
id
class | 属性 | 伪类
标签 | 伪元素
通配符


行级元素只能嵌套行级元素，块级元素可以嵌套任何元素。
但是有特殊的情况:
<p>元素里不能嵌套<div>,它会被截断为2个p元素。
<a>标签里不能嵌套a标签。



inline inline-block，凡是带有inline元素的都有一个特点，文本类元素。
文本的特点是，中间有多少个空格，都只会当分隔符。
比如<img>有多个话，会留有空白。只要把多个<img>标签中的空格去掉就可以了。

凡是设置了position:absolute;或者float:left/right;,它在内部会把元素转换成display:inline-block.