当前位置: 首页 > Web前端 > CSS

CSS3中新的伪类有哪些以及div居中的各种方法

时间:2023-03-31 01:27:18 CSS

CSS3中的新伪类是什么?p:first-of-type:选择属于其父元素的第一个

元素p:last-of-type:选择属于其父元素的最后一个

元素p:only-of-type:属于父元素特定类型的唯一子元素p:only-child:每个

元素都是父元素的唯一子元素p:nth-child(2):选择父元素的第二个子元素::after在元素之前Addcontent::before在元素之后添加内容:enabledEnabled:disabled控件表单被禁用不能点击:checked单选按钮或复选框被选中如何让div居中第一种方式:设置宽度对于div,然后添加margin:0autoattribute.div{width:200px;margin:0auto;}第二种方式:让绝对定位的div居中div{position:absolute;宽度:300px;高度:300px;保证金:自动;顶部:0;左:0;底部:0;右:0;background-color:pink;}第三种方法:水平垂直居中一个div{position:absolute;宽度:500px;高度:300px;顶部:50%;左:50%;边距:000-250px;background-color:pink;}第四种方式:容器宽高未知,使用'transform'属性div{position:absolute;宽度:500px;高度:300px;最高:50%;左:50%;transform:translate(-50%,-50%)background-color:pink;}第五种方式:使用flex布局,需要考虑兼容性container{display:flex;align-item:center;/*垂直居中*/justify-content:center;/*水平居中*/}containerdiv{width:100px;高度:100px;背景栏or:pink}每天两道前端面试题20190307希望睡觉太阳出来。