不刷题就没有饭吃

css与布局

javascript(1) javascript基础(24) React(5) TypeScript(8) vue(10) vue3(7) webpack(1) 笔记(1) 笔试编程题(4) 网络专题(2)

/ 注册

全部文章 / css与布局（共6篇）

必备知识点:css居中,你还没有记住吗?

居中问题(重点) 居中问题真的是老生常谈的话题,基本上每次面试都会被问到,毕竟在样式的时候居中真的无处不在,关于居中的文章网上比比皆是,好好记住4-5种,以后面试跟工作没有任何问题啦常见的居中分很多中,比如水平居中,垂直居中,水平垂直居中,定宽高和不定宽高,我们分定宽高和不定宽高来讨论水平垂直...

2021-09-13

0 510

Flex弹性盒子优雅布局

Flex简介在flex布局之前,我们想要为页面做一个有优雅的两栏或者三栏布局需要大费周折的使用浮动或者定位来实现,如今我们可以快速方便是使用flex弹性盒子来实现 Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性...

2021-09-13

0 324

2020前端面试-HTML5+CSS3 重要知识点详解

一.BFC BFC介绍二.清除浮动常用清除浮动三.哪些移动端布局答：流式布局-百分比、弹性盒子-flex、网格布局-grid、rem/em、vm/vh rem em em相对长度单位，其参照当前元素字号大小，如果当前元素未设置字号则会继承其祖先元素字号大小例如.box {font-...

2021-09-13

1 471

css画一个三角形,梯形,平行四边形

一使用css简单的画一个三角形 1. 先来看看border的划分 .demo{ width:100px; height:100px; border:3px red solid; } 2. 当...

2021-09-13

0 793

css清除浮动的总结与 BFC

清除浮动 css使用了浮动导致了父元素的塌陷问题要是用清除浮动父盒子塌陷了 <!DOCTYPE html> <html lang="en"> <head> <style> .container { ...

2021-09-13

0 345

一文搞懂Grid 布局

Grid 布局是什么？ Grid 布局即网格布局，是一种新的 CSS 布局模型，比较擅长将一个页面划分为几个主要区域，以及定义这些区域的大小、位置、层次等关系。号称是最强大的的 CSS 布局方案，是目前唯一一种 CSS 二维布局。利用 Grid 布局，我们可以轻松实现类似下图布局，演示地址 ...

2021-09-13

0 726