总结一下今天默写的内容
行内元素
span
,strong
,b
,em
,i
,u
,ins
,img
,sub
,sup
,s
特点是不能设置宽高,宽随内容增多而增大
块元素
div
,p
,hr
,dl
,dd
,dt
,ul
,ol
,li
,h1
,h2
,h3
,h4
,h5
,h6
特点是独占一行
让行内转换成行内块元素
display:inline-block;
单行文本省略号
overflow:hidden;
text-overflow:ellispis;
white-space:nowrap;
多行文本省略号
overflow:hidden;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
文本居中
text-align:center;
盒子居中
margin:0 auto;
解决高度塌陷问题
overflow:hidden;
padding-top:1px;
border:1px solid red;
清除浮动
clear:both;
a标签的4个伪元素顺序
link
,visited
,hover
,actice
去除a标签下划线
text-decoration:none;
字体大小,字体颜色,字体粗细
font-size
,color
,font-weight
去除字体倾斜
font-style:normal;
在li标签后边用伪元素设置一个圆
li::before{
display:inline-block;
content:"";
width:100px;
height:100px;
border-radius:50%;