![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
HTML5/CSS3
html/css
卷王出征
应届菜狗
展开
-
:nth-of-type()不起作用
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> .test:nth-of-type(1) { background: pink; } </style></head>原创 2021-12-20 13:53:52 · 1133 阅读 · 0 评论 -
css3 grid栅格布局
前言说实话,长这么大还从没用过栅格布局,都是在各个css面试题上了解,今天来系统的学习一下。知识点.father { display: grid; /* display: inline-grid; */ border: 1px solid #000; width: 1000px; height: 600px; /* grid-template-col原创 2021-12-07 17:28:50 · 279 阅读 · 0 评论 -
项目中引入阿里巴巴矢量库(unicode)
首先选择阿里巴巴矢量库添加到项目,下载到本地。将下列几个文件添加到项目在main.js中引入import '../src/assets/scss/iconfont/iconfont.css';原创 2020-10-30 10:16:00 · 387 阅读 · 0 评论 -
常见的布局有哪些?
1.flex布局不多说。2.grid布局(网格布局)通过display属性设置属性值为 grid,就可以实现grid布局。3.定位布局(绝对定位、相对定位布局)不多说。4.浮动布局通过display属性设置属性值为float。5. 文档流布局(普通布局)就是普通的布局。6.居中布局水平居中,垂直居中,水平垂直居中。...原创 2020-10-20 22:39:05 · 4223 阅读 · 0 评论