网站首页 第40页

• 

  CSS 盒模型

  CSS盒模型(BoxModel)所有HTML元素可以看作盒子，在CSS中，"boxmodel"这一术语是用来设计和布局时使用的。CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容...

  2024-11-24 hmc789 技术文章 1 ℃
• 

  浅谈CSS布局之圣杯布局和栅格布局

  　　检验前端的一个基本功就是考查他的布局。很久之前圣杯布局风靡一时，这里就由圣杯布局开始，到最流行的Bootstrap栅格布局。圣杯布局　　先来看看圣杯布局，这是一种三列布局，两边定宽，中间自适应的布局，案例如下<!DOCTYPEh...

  2024-11-24 hmc789 技术文章 1 ℃
• 

  Web前端开发-CSS布局-盒子模型入门干货

  在Web前端开发-CSS入门干货01和Web前端开发-CSS入门干货02介绍了CSS重要基础概念选择器和字体系列、文本系列、背景系列样式。其中字体、文本、背景等样式的设置可以看作是对元素内容的修饰；而网页的布局是对元素和元素之间关系的修饰...

  2024-11-24 hmc789 技术文章 1 ℃
• 

  【基础巩固】- 带你搞懂CSS盒模型

  #头条创作挑战赛#盒模型先用一张图来说明一下我会怎么来介绍盒模型：什么是盒模型其实我们大家都能经常看见它，尤其是我们前端的小伙伴们，在浏览器中打开f12就能看见这样一个动态变化的图。它其实就是我们这篇文章的主角-盒模型。由这张图可以看出，盒...

  2024-11-24 hmc789 技术文章 1 ℃
• 

  网页CSS实现长宽比的几种方案

  对于在CSS中实现容器的长宽比最初的创意是来自于在Web中如何实现纵横比。主要是用于响应式设计中的iframe、img和video之类的元素。随之扩展为适用于任何容器的长宽比。那在CSS中到底有多少种方案可以实现呢？我一向喜欢做这样的事情，...

  2024-11-24 hmc789 技术文章 1 ℃
• 

  8、你知道什么是CSS 的盒模型吗?(必会)

  盒子模型（BoxModle）可以用来对元素进行布局，包括内边距，边框，外边距，和实际内容这几个部分。盒子模型分为两种:第一种是W3C标准的盒子模型（标准盒模型）第二种IE标准的盒子模型（怪异盒模型）标准盒模型与怪异盒模型的表现效果...

  2024-11-24 hmc789 技术文章 1 ℃
• 

  看完不迷糊的 CSS 盒子模型介绍

  CSS盒子模型??在CSS中我们可以把所有的HTML元素都看成一个盒子,我们可以以div为例,在浏览器的检查器中我们也可以比较直观的观察到盒子模型的样子如图所示:1.盒子模型的构成:??内容区:content(图中间的蓝色区域)?...

  2024-11-24 hmc789 技术文章 0 ℃
• 

  css padding巧用

  css制作自适应的正方形，padding的妙用。绘制一个相对于父自适应的正方形，很多人，可能会想到使用aspect-ratio，其实使用padding同样能做到。padding属性的百分比值是相对于父元素的宽度计算的，使用这个特性，就很容...

  2024-11-24 hmc789 技术文章 1 ℃
• 

  「CSS」常用单位，box-sizing，字体图标，定位原理

  em单位.CSS{font-size:16px;}上下文定义font-sizerem就会按这个值定义em:根据元素的上下文来确定它的值1em=16pxrem单位html{font-size:16px;}根元素...

  2024-11-24 hmc789 技术文章 1 ℃
• 

  CSS - 盒子模型

  今天我们来说一下盒模型当你设置了元素的宽度，但是实际展示的宽度却超过了你设置的宽度。两个盒子都设置了2个像素的边框，所以实际上两个盒子在网页上展示的宽度要比设置的宽度大（图中第一个盒子的宽度为504px）。下面的第二个盒子，由于设置了上...

  2024-11-24 hmc789 技术文章 1 ℃