1、 盒模型答：分为标准盒模型和怪异盒模型（IE盒模型）标准盒模型：宽高（content）+ padding + border + margin怪异盒模型（IE盒模型）：宽高（content + padding + border）+ margin2、box-sizing属性值有哪些？答：border-box 和 content-box 以及 inherit（继承父元素的box-sizing属性）3
原创
2022-03-01 15:07:29
147阅读
BFC是什么？BFC，块状格式化上下文，其实是一个隔离的独立盒子（容器），他有以下特性：容器里面的子元素不会影响到外面
原创
2023-01-03 15:01:02
57阅读
答：HTML 语义化标签是指标签本身具有明确的意义，能够清晰表达结构和内容，使代码更具可读性和可维护性，
文章目录1.link标签和@import的区别2.说一下css盒模型3.CSS选择器：（1）类型和权重（2）选择器解析规则：（3）a标签4个伪类选择器的书写顺序：4.line-height和height的区别5.设置一个元素的背景颜色，背景颜色会填充哪些区域？6.元素的类型和定位方式（1）display有哪些取值：（2）块元素和行元素，行内替换元素的区别（3）display：table和html
转载
2023-12-06 20:45:00
75阅读
面试题整理｜45个CSS面试题一、初级CSS面试题二、中级CSS面试题三、进阶CSS面试题四《HTML5&CSS3还原美团外卖》移动端布局实战CSS已成为Web设计不可或缺的一部分，它让web页面变得更加美观，更具设计感。在前端面试中，CSS面试题也占有一定比重。本篇文章，将为大家分享45个和CSS相关的面试题及其解析，难度分为：初级、中级、高级三个部分，由易到难，循序渐进。一、初级CSS面试题Q1、CSS全称是什么？CSS英文全称：Cascading Style Sheets，也就是层
原创
2021-05-19 21:34:20
2094阅读
CSS 中类 (classes) 和 ID 的区别。 书写上的差别：class名用“.”号开头来定义，id名用“#”号开头来定义； 优先级不同（权重不同） 调用上的区别：在同一个html网页页面中class是可以被多次调用的（在不同的地方）。而id名作为标签的身份则是唯一的，id在页面中只能出现一次
转载
2020-06-03 21:36:00
296阅读
1.继承css的继承：就是给父级设置一些属性，子级继承了父级的该属性，这就是我们css中的继承。官方的解释，继承是一种规则，它允许样式不仅应用于特定的html标签元素，而且应用于其后代元素。a.有继承的属性1.字体系列属性
font:组合字体
font-family:规定元素的字体系列
font-weight:设置字体的粗细
font-size:设置字体的尺寸
font-style:定义字体的风格
原创
精选
2022-12-06 19:20:27
173阅读
但这样我们会发现在写布局的时候会非常复杂，也就是你需要自己手动去计算一下对应的rem值，比如上面的font-siz
原创
2023-12-07 10:46:11
106阅读
1.2 CSS面试题 面试题：介绍一下CSS的盒子模型CSS的盒子模型有哪些：标准盒子模型、IE盒子模型
CSS的盒子模型区别：
标准盒子模型：margin、border、padding、content
IE盒子模型 ：margin、content（ border + padding + content ）
通过CSS如何转换盒子模型：
box-sizing: c
原创
2024-08-13 20:17:23
29阅读
在前端面试中，CSS 相关的知识点往往是面试官重点考察的内容。为了帮助大家更好地准备面试，本文汇总了一些常见的 CSS 面试题，并提供了详细的解答和分析。
本文学习了css的布局，包括盒子内部的布局，盒子之间的布局，定位布局，浮动布局，块级格式化上下文，行内格式化上下文等。
原创
2022-01-18 09:21:51
125阅读
每个HTML文件里面都有一个很重要的东西，Doctype，知道这是干什么的么？答案：<!DOCTYPE>声明位于文档中最前面的位置，处于标签之前。此标签可告知浏览器文档使用哪种HTML或XHTML规范。（重点：告诉浏览器按照何种规范解析页面）请讲一下HTML5的特点。答案：（1）HTML5的跨平台技术。传统移动终端上Native App，开发者的研发工作必须针对不同的操作...
原创
2022-01-10 18:00:50
666阅读
1评论
本章内容为CSS的一些面试题，博主自己以前整理的基础面试题，如有整理不对的地方，请各位大大指点出来。
CSS3
介绍一下标准的 CSS 的盒子模型？低版本 IE 的盒子模型有什么不同的？
什么是盒子模型？
把所有的网页元素都看成一个盒子，它具有： content，padding，border，margin 四个属性，这就是盒子模型。 盒子模型有两种形式：标准盒子模型，怪异盒子模型（IE盒模型）
原创
2021-06-16 17:45:29
205阅读
文章目录万能居中BFC优化盒模型哪两种模式？什么区别？如何设置常用清除浮动的方法，如不清除浮动会怎样？删格化的原理纯css实现三角形高度不定，宽100%，内一p高不确定，如何实现垂直居中？至少两种方式实现自适应搜索设置一段文字的大小为6pxcss菊花图关于em关于vh,vwFlex布局overflow原理实现自适应的正方形:标准模式和怪异模式CSS3实现环形进度条css优先级万能居中1.margi
原创
2020-03-31 16:12:19
618阅读
1.介绍一下标准的 CSS 的盒子模型？低版本 IE 的盒子模型有什么不同的？相关知识点：（1）有两种盒子模
原创
2022-03-25 15:43:05
237阅读
目录 2.同学请介绍一下'盒子模型'呗3.display有哪些值 4.position的值？ 5.css优化有哪些？6.怎么让Chrome支持10px 的文字？<html>
<body>
<div>
<div class="parent">
<div class="son
1.JS中的三种弹出式消息提醒（警告窗口、确认窗口、信息输入窗口）的命令是什么？警告窗口：alert 确认窗口：confirm 信息输入窗口：prompt2.声明一个CSS有几种方式？①导入一个已经存在的CSS文件： <link rel="st
转载
2023-11-12 20:52:18
84阅读
1.父元素和子元素宽高不固定，如何实现水平垂直居中弹性盒模型父元素设置：disp
原创
2022-12-21 11:34:24
78阅读
面试题：一个盒子不给宽度和高度如何水平垂直居中？方式一：<div class='container'>
<div class='main'>main</div>
</div>
.container{
display: flex;
justify-content: center;
align-items: center;
width
原创
2024-08-15 15:27:33
26阅读
目录实现一个盒子在父盒子内的垂直水平居中如果你在项目中引入一段html代码，怎么给它设置样式？rem,em,vh,px各种代表的意义？画一条0.5px的直线？盒模型画一个三角形清除浮动的几种方式轻松实现hover图片变成另外一张图片 实现一个盒子在父盒子内的垂直水平居中//父相子绝后，子分部向左向上移动本身宽度和高度的一半（也可以用 transform:translate(-50%,-50%)）
