subtitle
伪类:和伪元素:: 伪类:和伪元素::
:是伪类,::是伪元素,例如list:nth-child(1)和list::after 伪元素的作用有 一:清除浮动 list::after{content:’’;display:block;clear:both} 二:样式布局 添加一些图
2021-04-05
常见的行内元素、块级元素、行内块元素 常见的行内元素、块级元素、行内块元素
行内元素:span, i , a , img , input , b , small, strong ,button, input, label, select, textarea 块元素:div、p、h1-h6、header、footer
2021-04-02
flex:1与flex:auto flex:1与flex:auto
flex是三个属性flex-grow、flex-shrink、flex-basis的简写形式: 其中flex-grow代表增长系数 其中flex-shrink代表收缩系数 其中flex-basis代表主轴方向上的初始大小(也就是伸缩之前
2021-03-23
flexd导致子元素高度变化 flexd导致子元素高度变化
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible
2021-03-05
display:none与visibility:hidden的不同 display:none与visibility:hidden的不同
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible
2021-02-23
数字不换行且忽视自适应宽度 数字不换行且忽视自适应宽度
问题描述:1.换行在HTML中数字或连续的英文被当成是一个整体 就像汉字 2.width宽度就算换行了,如果盒子是弹性宽度,那么是会被撑开的 解决办法: 1.解决不换行:(数字作为一个整体,必须要声明每个字符)word-wrap:break
2021-02-20
6 / 9