CSS

January 2, 2023

Web 布局1 # 无布局模式 表格布局模式 浮动、定位和框架( CSS Frameworks )布局模式 浮动的初衷是用于排版的，只不过在那个年代，Web 开发者利用其特性来构建 Web 的布局，而且运用于 Web 布局很多年 其中要属“圣杯 ”和“双飞翼 ”两者最为经典。这两种方法实现的都是以三列布局为主，而且两边的宽度是固定的，中间列是自适应，它们实现的效果是一样的，只是实现的思路不同 定位布局的局限性: 需要明确指定元素的大小 需要明确计算元素位置坐标 难于维护 css框架，如 bootstrap 响应式布局 Intrinsic Web Design 不是内容以设计为导向（Content Design-Driven），而是只专注于让设计受内容驱动（Design Content-Driven） 组件驱动式 Web 设计（CDWD） Flex && Grid 加载方式 # @import 从其他样式表里加载 css 到当前位置 @import "custom.css"; @import url("chrome://communicator/skin/"); @属性 # @charset 声明当前样式表的字符集编码 ...