- 综合排序
- 最热优先
- 最新优先
- 来自专栏码客
CSS中的media(媒体查询)详解
/* 当屏幕宽度小于900px时应用的样式 */ @media (max-width: 900px) { :root { --content-width:100%; } } @media (min-width: 900px) and (max-width: 1200px) { :root { --content-width:900px; } } /* 当屏幕宽度大于1200px时应用的样式 */ @media (min-width: 1200px) { :root { --content-width:1200px ; } } 使用 width: var(--content-width);
7.2K10编辑于 2024-03-29 - 来自专栏全栈开发工程师
【Sass学习笔记】005-Sass 的基本特性-运算
代码示例： $sidebar-width: 220px; $content-width: 720px; $gap-width: 20px; .container { width: $sidebar-width + $content-width + $gap-width; margin: 0 auto; } 2 减法 Sass 的减法运算和加法运算类似，我们通过一个简单的示例来做阐述： $full-width 一起来看一个简单的示例： $content-width: 720px; $sidebar-width: 220px; $gutter: 20px; .container { width: $content-width
30110编辑于 2025-01-06 - 来自专栏柠檬先生
Sass 基础(四)
} .list{ width:100px; } 变量计算 在Sass中除了可以使用数值进行元素之外，还可以使用变量进行计算， 例如： $content-width :720px; $content-width:220px; $gutter:20px; .container{ width:$conter-width
1.2K70发布于 2018-01-22 - 来自专栏前端大全
CSS基础知识
元素内容 W3C盒模型 box-sizing: content-box(default) width = content-width height = content-height IE盒模型 box-sizing : border-box width = content-width + 左(右)padding + 左(右)border height = content-height + 上(下)padding +
50510编辑于 2023-12-11 - 来自专栏石璞东 | haha
前端常见面试题--第一弹
标准盒模型的定义的width指的是content-width， IE盒模型定义的width指 border+padding+content-width 设置： 标准模型（默认）box-sizing：
69420发布于 2019-07-26 - 来自专栏李才哥
前端面试系列（7）
标准盒模型的定义的width指的是content-width， IE盒模型定义的width指 border+padding+content-width 设置： 标准模型（默认）box-sizing：
53920发布于 2019-07-30 - 来自专栏前端说吧
Sass-学习笔记【基础篇】
如： .box { width: 20px + 8in; } 编译出来的 CSS: .box { width: 788px; } 练习： $sidebar-width: 220px; $content-width : 720px; $gap-width: 20px; .container { width: $sidebar-width + $content-width + $gap-width; Sass 中的数学运算——变量计算 在 Sass 中除了可以使用数值进行运算之外，还可以使用变量进行计算， 简单的示例： $content-width: 720px; $sidebar-width: 220px ; $gutter: 20px; .container { width: $content-width + $sidebar-width + $gutter; margin: 0 auto;
5.8K50发布于 2018-05-17 - 来自专栏自译文章/自学记录
HTML基础知识普及
对盒子模型 进行标准的处理(width看做content-width) 让浏览器知道 元素书写方法的合法性(doctype: html4, xhtml) * 2. html, xhtml, html5
1.5K20发布于 2019-08-27 - 来自专栏前端开发博客
CSS 计算属性 calc()的完整指南（下）
我很喜欢的一个方法是有一个 "内容宽度 "的自定义属性，然后用它来创建我需要的间距，比如 margins: .margin { width: calc( (100vw - var(--content-width
2.2K20发布于 2020-11-04 - 来自专栏偏前端工程师的驿站
CSS魔法堂：重新认识Box Model、IFC、BFC和Collapsing margins
width = content-width + padding-width + border-width height = content-height + padding-height + border-height width = content-width height = content-height 游走于IE box model 和 Standard box model间的通道——box-sizing属性
1.4K70发布于 2018-01-18 - 来自专栏wuuconix
前端面经笔记 - wuuconix's blog
display: flex 或者 inline-flex元素的直接子元素 网格元素 display: grid 或者 inline-grid元素的直接子元素 多列容器 【元素的column-count 或者 content-width
3.1K00编辑于 2023-03-16
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号