css
蛙哇
这个作者很懒,什么都没留下…
展开
-
前端面试必备宝典--知识点深入整合篇
前言前端跳槽面试必备宝典,宝典在手,offer我有。想要跳槽找工作的时候,大家都会或多或少准备啃啃面经。由于之前刚开始找工作自己整理的面试题都是浅尝辄止,所以找到工作还是有点难度的。因此,在这里整理了我读过的精华干货。深入浅出的学习知识点的同时,也为下一次跳槽积蓄能量。希望对自己将来的跳槽有所帮助的同时,也对你有益,共勉之。面试秘籍 面试官到底想看什么样的简历? 看完跳槽少说涨 5 K,...原创 2020-04-02 16:51:59 · 392 阅读 · 0 评论 -
CSS水平居中的7种实现方式
前言前端开发中元素居中是最常见和最经常使用到的css技巧,不仅开发中经常会用到,面试官出题考核基础时有时候也会问道这类问题。本文主要介绍水平居中的方法。希望对你我都有帮组。1、text-align: center实现如果父元素是块级元素且里面包含行内元素,则直接给父元素设置 text-align: center, 如果父元素是行内元素的话父元素无法设置宽高,则需要将其设为块级元素displa...原创 2019-12-11 22:39:51 · 1018 阅读 · 0 评论 -
CSS垂直居中的10种实现姿势
前言前端开发中元素居中是最常见和最经常使用到的css技巧,不仅开发中经常会用到,面试官出题考核基础时有时候也会问道这类问题。本文主要介绍10种垂直居中的方法。希望对你我都有帮组。1、line-height+height实现如果子元素是行内文本元素的话,只要设置父元素的height和line-height高度一样就可以垂直居中。HTML<div class="parent">...原创 2019-12-11 22:39:11 · 329 阅读 · 0 评论 -
实现三栏布局5种方式
前言前端开发中,布局是前端基础的内容,而其中三栏布局在实际开发和面试中最常见,三栏布局是指中间自适应两边固定宽,而我们经常使用的淘宝首页(pc端)就是典型的三栏布局实现的。下面总结了五种三栏布局方式,希望自己学习总结的同时对大家有所帮组。1、左右浮动布局<!DOCTYPE html><html lang="en"><head> <meta c...原创 2019-12-10 00:06:13 · 267 阅读 · 0 评论 -
深入学习BFC
前言关于BFC,很多人可能很熟悉,但有些人可能第一次听说。对于熟悉的人无妨也可以温习一下查缺补漏。对于还不是很了解的人认真阅读完后,应该都能够比较深入的理解BFC这个概念、作用以及用法。希望对大家有所收获。BFC是什么?BFC全称为 block formatting context,中文为“块级格式化上下文”。它是一个独立的渲染区域,规定了内部如何进行布局,并且内外部的元素之间互不影响。相对...原创 2019-12-01 11:36:09 · 140 阅读 · 0 评论 -
一文搞懂浮动原理和浮动清除
前言CSS中正常的流内容或者流布局虽然也足够强大,但是有时候我们希望有一些特殊的布局表现,例如,文字环绕效果,或者元素固定在某个位置,要实现这样的效果,正常的流就有些捉襟见肘。因此,CSS中有float属性,专门通过破坏正常的“流”来实现一些特殊的样式表现。当然,既然有破坏,就有保护其他元素不被破坏的clear属性,本章就来介绍 CSS的float和clear属性。浮动是什么?W3schoo...原创 2019-11-28 22:12:24 · 430 阅读 · 0 评论 -
关于Sass用法
前言Sass是CSS预处理器,Sass是一种易于使用的样式语言,可帮助减少传统CSS的许多重复性和可维护性挑战。学习Sass可以编写出可重复使用的样式效,也是在工作和面试要求中不可或缺的一项技能了。基本概念什么是Sass?Sass与所有版本的CSS完全兼容。文件后缀名是.scss,意思为Sassy CSS。Sass是CSS的扩展,Sass是CSS预处理器。Sass减少了CSS的重复...原创 2019-10-27 16:27:50 · 116 阅读 · 0 评论