HTML/CSS 第2页

什么是BFC?如何创建BFC?

什么是BFC?如何创建BFC?-速码派
BFC,块级格式化上下文,你可以把它理解成页面渲染里一个独立的“结界”。在这个结界内部的元素布局,不会影响到外部的元素。很多CSS里让人头疼的布局问题,比如外边距合并、浮动元素导致的父容...
MRzhang的头像-速码派MRzhang2026年1月21日
0367

如何实现响应式布局?

如何实现响应式布局?-速码派
说白了,就是让你的网页能自动适应从手机到桌面的各种屏幕尺寸。这早就不是“锦上添花”,而是现代Web开发的标配了。实现它的核心是一套组合拳,而不是某个单一技巧。 一切得从<head>里那...
MRzhang的头像-速码派MRzhang2026年1月21日
0256

CSS3有哪些新特性?

CSS3有哪些新特性?-速码派
CSS3给前端开发带来的变化,真可以说是翻天覆地。它不再只是负责简单的颜色和边框,而是变成了一套强大的工具集,让很多以前必须用图片甚至JavaScript才能实现的效果,现在用几行样式就能搞定。...
MRzhang的头像-速码派MRzhang2026年1月21日
0388

CSS选择器优先级如何计算?

CSS选择器优先级如何计算?-速码派
这个问题说白了,就是当多条CSS规则都盯上同一个元素时,浏览器听谁的。它有一套内部计分规则,不是谁写在后面就一定赢。 你可以把优先级想象成一个三位数(A,B,C)。A代表行内样式(style=””...
MRzhang的头像-速码派MRzhang2026年1月21日
0327

display有哪些常用值?分别有什么作用?

display有哪些常用值?分别有什么作用?-速码派
搞前端布局,display属性绝对是绕不开的核心开关。它决定了元素以什么“角色”参与布局,不同的值会彻底改变元素的展示行为。常用的值就那么几个,但用对了,你的布局思路会清晰一大半。 最基础...
MRzhang的头像-速码派MRzhang2026年1月21日
0509

position定位有哪些值?有什么区别?

position定位有哪些值?有什么区别?-速码派
搞了这么多年前端,position这个属性绝对是CSS布局里的老伙计了。它就像给元素发了个定位指令,告诉浏览器这玩意儿该呆在哪儿。常用的值有五个:static、relative、absolute、fixed,还有后来加...
MRzhang的头像-速码派MRzhang2026年1月21日
0287

Grid布局和Flex布局有什么区别?

Grid布局和Flex布局有什么区别?-速码派
这俩都是CSS里强大的布局工具,但设计哲学和擅长领域完全不同。你可以这么理解:Flexbox是“一维”布局,它只关心一个方向上的排列,要么一行,要么一列。而Grid是“二维”布局,它同时处理行和...
MRzhang的头像-速码派MRzhang2026年1月21日
03811

Flex布局常用属性有哪些?

Flex布局常用属性有哪些?-速码派
Flex布局,也就是我们常说的弹性盒子,它彻底改变了CSS的布局方式。以前那些用浮动和定位实现的复杂效果,现在用几行属性就能轻松搞定。作为前端工程师,它绝对是必须熟练掌握的核心工具。 Flex...
MRzhang的头像-速码派MRzhang2026年1月21日
02912

CSS如何实现垂直水平居中?

CSS如何实现垂直水平居中?-速码派
这问题简直是前端领域的“经典咏流传”,我从业这么多年,面试新人十有八九会问到它。说白了,就是让一个元素在父容器里不偏不倚,呆在正中间。方法挺多,选对顺手的最重要。 早些年,大家常用...
MRzhang的头像-速码派MRzhang2026年1月21日
0505

CSS盒模型是什么?标准盒模型和怪异盒模型区别?

CSS盒模型是什么?标准盒模型和怪异盒模型区别?-速码派
你可以把HTML里的每个元素都想象成一个套着的盒子,这就是盒模型。它决定了元素在页面上占多大地方,由里到外分别是:内容区、内边距、边框、外边距。理解这个,是搞定CSS布局的第一步。 这两种...
MRzhang的头像-速码派MRzhang2026年1月21日
0425