摘要:新增伪类有那些选择属于其父元素的首个元素选择属于其父元素的最后元素属于父元素的特定类型的唯一子元素属于父元素的唯一子元素的每个元素选择父元素的第二个子元素在元素之前添加内容在元素之后添加内容已启用控制表单为禁用状态,不可点击
CSS3新增伪类有那些?
p:first-of-type:选择属于其父元素的首个
元素
p:last-of-type:选择属于其父元素的最后
元素
p:only-of-type:属于父元素的特定类型的唯一子元素
p:only-child:属于父元素的唯一子元素的每个
元素
p:nth-child(2):选择父元素的第二个子元素
::after 在元素之前添加内容
::before 在元素之后添加内容
:enabled 已启用
:disabled 控制表单为禁用状态,不可点击
:checked 单选框或复选框被选中
如何居中div第一种方式:给div设置一个宽度,然后添加margin:0 auto属性.
</>复制代码
div{
width:200px;
margin:0 auto;
}
第二种方式:让绝对定位的div居中
</>复制代码
div{
position:absolute;
width:300px;
height:300px;
margin:auto;
top:0;
left:0;
bottom:0;
right:0;
background-color:pink;
}
第三种方式:水平垂直居中一
</>复制代码
div{
position:absolute;
width:500px;
height:300px;
top:50%;
left:50%;
margin:0 0 0 -250px;
background-color:pink;
}
第四种方式:未知容器的宽高,利用"transform"属性
</>复制代码
div{
position:absolute;
width:500px;
height:300px;
top:50%;
left:50%;
transform:translate(-50%,-50%)
background-color:pink;
}
第五种方式:利用flex布局,需考虑兼容性
</>复制代码
container{
display:flex;
align-item:center;/*垂直居中*/
justify-content:center;/*水平居中*/
}
container div{
width:100px;
height:100px;
background-color:pink
}
每日两道前端面试题20190307
希望睡一觉起来 阳光会出来.
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/117479.html
摘要:在元素之后添加内容控制表单控件的禁用状态。生成相对定位的元素,相对于其正常位置进行定位。由于浮动框不在文档的普通流中,所以文档的普通流的块框表现得就像浮动框不存在一样。 前端面试之CSS display: none; 与 visibility: hidden; 的区别 联系:它们都能让元素不可见 区别: display:none;会让元素完全从渲染树中消失,渲染的时候不占据任...
摘要:在元素之后添加内容控制表单控件的禁用状态。生成相对定位的元素,相对于其正常位置进行定位。由于浮动框不在文档的普通流中,所以文档的普通流的块框表现得就像浮动框不存在一样。 前端面试之CSS display: none; 与 visibility: hidden; 的区别 联系:它们都能让元素不可见 区别: display:none;会让元素完全从渲染树中消失,渲染的时候不占据任...
摘要:在元素之后添加内容控制表单控件的禁用状态。生成相对定位的元素,相对于其正常位置进行定位。由于浮动框不在文档的普通流中,所以文档的普通流的块框表现得就像浮动框不存在一样。 前端面试之CSS display: none; 与 visibility: hidden; 的区别 联系:它们都能让元素不可见 区别: display:none;会让元素完全从渲染树中消失,渲染的时候不占据任...
阅读 1484·2021-11-24 09:38
阅读 2175·2021-09-22 15:17
阅读 2620·2021-09-04 16:41
阅读 3688·2019-08-30 15:56
阅读 3598·2019-08-29 17:19
阅读 2046·2019-08-28 18:09
阅读 1336·2019-08-26 13:35
阅读 1802·2019-08-23 17:52
极致性价比!云服务器续费无忧!
Tesla A100/A800、Tesla V100S等多种GPU云主机特惠2折起,不限台数,续费同价。
NVIDIA RTX 40系,高性价比推理显卡,满足AI应用场景需要。
乌兰察布+上海青浦,满足东推西训AI场景需要