WEB前端
文章平均质量分 92
前端开发之路
码农洞见
码农也有产生洞见的能力。
展开
-
CSS布局的魔鬼属性 —— 浮动
CSS布局的魔鬼属性 —— 浮动1. 前言2 浮动的本质3 浮动的特性4 清除浮动5 总结6 最后的最后 1. 前言 CSS世界中的float属性是一个年代非常久远的属性。虽然最初创造浮动并不是为了用于页面布局,但它在布局方面表现得很出色。然而为了理解浮动,我们首先必须牢记它的设计初衷。Web诞生之初,带宽就那么一点点,我们能够做到的也只是展示文字以及零星图片而已,怎么可能浮动设计的目的就是为了实现各种砖头式的复杂布局呢?那个年代复杂布局都是用实现的。既然这样,那float属性设计的目的究竟是什么呢? 2原创 2021-08-10 12:17:24 · 138 阅读 · 0 评论 -
CSS盒子模型,排版布局的基石
CSS盒子模型,排版布局的基石!1 简介2 盒子模型概念2.1 内容区2.2 内边距2.2.1 元素的尺寸2.2.2 标签元素内置的padding2.3 外边距2.3.1 margin与元素尺寸2.3.2 margin合并2.3.3 margin:auto2.4 边框2.4.1 为什么border-width不支持百分比值2.4.2 border与图形构建2.4.3 border与透明边框技巧3 总结4 最后的最后 1 简介 在HTML中,有一个很重要的理论:块元素和行内元素。在CSS中极其重要的一个理论—原创 2021-08-09 14:58:41 · 617 阅读 · 0 评论 -
CSS重要概念层叠,你搞清楚了吗
CSS重要概念层叠,你搞清楚了吗!CSS简介CSS层叠样式表的来源样式表优先级源码顺序总结 CSS简介 CSS在1994年被提出,1996年由Internet Explorer 3首次(部分地)实现。每个经验丰富的Web开发者在见识到CSS的神奇效果后,大部分会问:“我该如何学习CSS? ” 在软件开发中,CSS是很特别的存在。严格来讲,它不是编程语言,却要求抽象思维。它不是纯粹的设计工具,却要求创造力。它提供了看似简单的声明式语法,但是在大型项目中写过CSS的人都知道它可能会变得极其复杂。在学习传统编程中原创 2021-08-04 10:11:27 · 131 阅读 · 0 评论