前端基础-CSS
关注
分享
扫一扫
前端基础CSS知识点
我有一个梦！
努力拼搏，坚持不解！
展开
-
前端面经-CSS部分（持续更新中）
目录1、简述一下CSS盒模型。2、IE盒模型和w3c盒模型的区别，如何使用IE盒模型？3、请描述一下渐进增强和优雅降级。4、CSS 中可以通过哪些属性定义，使得一个 DOM 元素不显示在浏览器可视范围内？5、什么是CSS Hack？6、什么是外边距重叠？重叠的结果是什么？7、如何垂直居中一个div？8、简述一下px、em和rem的区别。9、简述一下CSS 中 link 和@import 的区别。10、为什么要初始化样式？11、简述一下display:none、visibility:hidden和opacit原创 2020-06-29 19:10:00 · 296 阅读 · 0 评论 -
CSS3实现背景色一半红一半白
需求给定一个div的宽度和高度，设置它的背景，使它的背景色一半是红色，一半是白色。分析可以使用CSS3中的渐变来实现这个需求。代码废话不多说，直接上代码了。<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />原创 2020-06-23 18:01:00 · 17520 阅读 · 2 评论 -
三栏布局的实现方式
三栏布局一般指左右两栏宽度固定，中间栏宽度自适应的布局。如下图所示。当浏览器窗口的宽度发生变化时，中间部分也会跟着自适应改变。接下来，将介绍几种实现它的方式。1、使用绝对定位布局<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1原创 2020-06-20 16:22:23 · 231 阅读 · 0 评论 -
CSS外边距重叠
1、什么是外边距重叠margin-college称作外边距重叠。在CSS中，相邻的两个盒子（可能是兄弟关系或者祖先关系）的外边距可以结合成一个单独的外边距。这种合并外边距的方式被称为折叠，因而所结成的外边距称为折叠外边距。2、外边距重叠的例子首先我们准备两个div盒子（兄弟关系），代码如下所示。<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta n原创 2020-06-19 12:34:38 · 452 阅读 · 0 评论 -
div水平垂直居中的实现方式
前提在面试的时候，面试官可能会问到如何让一个div水平垂直居中呢？接下来我将为大家列举常见的几种方法来实现它。准备首先准备一个父盒子和一个子盒子，并给它们添加一下样式，方便我们观察。HTML代码<div class="parent"> <div class="son"></div></div>CSS代码.parent { wid...原创 2020-06-18 08:49:15 · 417 阅读 · 0 评论 -
清除浮动的几种方法
为什么要清除浮动？清除浮动主要是为了解决父元素因为子元素浮动而引起高度为0的问题。一个需要清除浮动的例子<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>清除浮动的常见用法</title> <style> .box {...原创 2020-06-17 15:57:55 · 188 阅读 · 0 评论 -
div水平居中的几种方法
前提在面试的时候，面试官可能会问到如何让一个div水平垂直居中呢？接下来我将为大家列举常见的几种方法来实现它。准备首先准备一个父盒子和一个子盒子，并给它们添加一下样式，方便我们观察。HTML代码<div class="parent"> <div class="son"></div></div>CSS代码.parent { wid...原创 2020-06-17 15:57:02 · 38287 阅读 · 2 评论