一．文件命名规范 全局样式：global.css； 框架布局：layout.css； 字体样式：font.css； 链接样式：link.css； 打印样式：pri
转载
2010-09-28 17:42:00
27阅读
一．文件命名规范 全局样式：global.css； 框架布局：layout.css； 字体样式：font.css； 链接样式：link.css； 打印样式
转载
2022-11-27 11:20:51
78阅读
html部分 header left_side content right-side footer ...
原创
2021-08-05 16:13:22
307阅读
1、左右布局这就要说到一个属性float，使用float: left;就可以让浮动元素 会脱离正常的文档布局流，并吸附到其父容器的左边。在正常布局中位于该浮动元素之下的内容，此时会围绕着浮动元素，填满其右侧的空间。但是，子类使用float来使元素并排，那么父类就需要使用clearfix来防止子元素下方的标签浮动上来贴和。.clearfix::after {
content: '';
转载
2024-04-26 09:27:15
85阅读
规范化的CSS不仅利于团队合作，而且对后期的维护以及代码的重用，都是十分至关重要的，所以，学习总结CSS规范的相关知识。
原创
2021-06-01 11:40:23
236阅读
空格规范【强制】 选择器 与 { 之间必须包含空格。示例： .selector { }【强制】 属性名 与之后的：之间不允许包含空格，：与属性值之间必须包含空格。示例：font-size: 12px;选择器规范【强制】 当一个 rule 包含多个 selector 时，每个选择器声明必须独占一行。示例：/* good */.post,.page,.comment { line-height: 1.5;}/* bad */.post, .page, .comment
原创
2020-06-29 19:51:37
998阅读
1评论
CSS Shapes布局用于实现不规则的图文环绕效果，需配合float一起使用。兼容性: 除IE和Edge外都支持shape-outside指定图形边缘1. 关键字<
转载
2022-07-12 17:26:36
368阅读
CSS1 盒模型 - content-box<!DOCTYPE html><html> <head> <meta charset=utf-8> <style type="text/css">
原创
2022-05-10 12:07:58
10000+阅读
点赞
我们在设计网页时,一般都是自顶向下，自左向右，可能存在很多不同的小模块。假设我们不懂布局，那么网页会是什么样？
原创
2024-03-21 22:40:16
77阅读
六、
css布局（
CSS Grid） 1、3列（Three columns） <div class="grid"> <div class="g-col-4">.g-col-4</div> <div class="g-col-4">.g-col-4</div> <div class="g-col-4"> ...
转载
2021-09-23 10:50:00
1128阅读
2评论
CSS（层叠样式表）布局是网页设计和开发中的关键部分，它决定了网页上元素的位置和外观。随着Web技术的不断发展，CSS布局方式也经历了从简单到复杂、从单一到多样的演变。以下是对CSS布局方式的详细探讨，。
一、基础布局方式正常文档流（Normal Flow）
正常文档流是CSS布局的基础，它遵循HTML元素的默认排列方式。块级元素（如、等）会垂直排列，占据父容器的整个宽度；而行内元素（如、等）则水
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml&quo
转载
精选
2013-05-21 11:46:04
515阅读
CSS（层叠样式表）布局是网页设计中至关重要的一环，它决定了网页元素在页面上的排列和显示方式。随着Web技术的发展，CSS布局方式也经历了从简单到复杂、从单一到多样的演变。本文将详细介绍几种常见的CSS布局方式，旨在帮助读者更好地理解和应用这些布局技术。
一、静态布局（Static Layout）
静态布局是最基础、最简单的布局方式。在这种布局中，网页元素的尺寸和位置都是固定的，不会随着浏览器窗口
一、在写互相嵌套时，对于单独的一个来说，对齐，缩进一个tab；中如果还有嵌套的表格，也缩进一个tab；如果中没有任何嵌套的表格，结束标记应该与处于同一行，不要换行。源代码不应有这样的代码：
原创
2021-12-21 11:37:13
101阅读
——从css发展到现在大类可以归纳为以下几种：静态布局、自适应布局、流式布局(又别名 百分比布局 %)、响应式布局（媒体查询）、弹性布局 (rem/em flex布局)1.静态布局——最传统的布局方式，网页中所有尺寸都是由px作为单位，设置了min-width,如果宽度小于就会出现滚动条，如果大于这个宽度则内容居中外加背景实现方式：PC：居中布局，所有样式使用绝对宽度/高度(px)，设计一个Lay
转载
2024-08-13 16:22:01
92阅读
深入css布局(3) — margin问题与格式化上下文 在css知识体系中，除了css选择器，样式属性等基础知识外，css布局相关的知识才是css比较核心和重要的点。今天我们来深入学习一下css布局相关的知识。 css布局篇已经讲个2篇了，前面我们深入讲解了 盒模型与box-sizing, 元素分类，行框，定位与浮动等知识点。今天呢，我们把css布局篇做一个结尾，
转载
2023-11-01 17:57:08
243阅读
目录1. 居中布局1.1 水平居中布局1.2 垂直居中布局1.3 水平垂直居中布局前言： 以前也了解过很多布局
原创
2022-07-12 17:25:33
526阅读
前几天面试，问我某
布局感觉回答不是很OK所以研究了一下各种
布局。一、单列
布局1.普通
布局（头部、内容、底部）<div class="container">
<header></header>
<div class="content"></div>
<footer></foo
转载
2023-07-21 16:45:27
103阅读
