首先看一篇文章：CSS框模型：一切皆为框 — 从行框说起一 行框 看图说话上图代表了框模型中的行框。line-height 属性设置行间的距离（行高）。该属性会影响行框的布局。在应用到一个块级元素时，它定义了该元素中基线之间的最小距离而不是最大距离。line-height 与 font-size 的计算值之差（在 CSS 中成为“行间距”）分为两半，分别加到一个文本行内容的顶部和底部。可以包含这些内容的最小框就是行框line box。[来源]二 框模型 继续看图上图代表了CSS中的框，每个框(也就是所有元素都是框，一定要记住这点，下面还会讨论行内非替换元素会忽略你设定的某些值而使用浏览器计算出
转载
2013-09-24 14:30:00
170阅读
2评论
一、浮动浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。由于浮动框不在文档的普通流中，所以文档的普通流中的块框表现得就像浮动框不存在一样。1、请看下图，当把框 1 向右浮动时，它脱离文档流并且向右移动，直到它的右边缘碰到包含框的右边缘：2、再请看下图，当框 1 向左浮动时，它脱离文档流并且向左移动，直到它的左边缘碰到包含框的左边缘。因为它不再处于文档流中，所以它不占据...
转载
2020-02-05 18:20:00
79阅读
2评论
<!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>Test</title> <style> .tip { position: relative; background-color: deepskyblue; margin: 2
原创
2021-08-04 15:29:25
3473阅读
在我们写样式的时候，页面的CSS在经历几个版本的修改之后，可能有些样式已经用不到了，或许将某些样式更
转载
2009-10-09 09:44:00
41阅读
2评论
框模型，其中的细节问题，需要再查阅资料。CSS内边距、边框、外边距 CSS框模型定义了元素框处理元素内容、内边距、边框 和 外边距 的方式。 内边距、边框和外边距默认值都是0。许多元素由用户代理样式表设置外边距和内边距，可以通过将元素的 margin 和 p
原创
2022-09-08 16:57:12
267阅读
居中显示模态框 <style> body { height:1200px; } #alert-box { display:table; width:100%; height:100%; position:fixed; top:0; bottom:0; left:0; right:0; z-index ...
转载
2021-09-13 18:26:00
258阅读
2评论
1.打开“我的电脑”－“工具”－“文件夹选项”－“查看”－在“显示所有文件和文件夹”选项前打勾－“确定”2.删除以下文件夹中的内容：x:\Documents and Settings\用户名\Cookies\下的所有文件(保留index文件)x:\Documents and Settings\用户名\Local Settings\Temp\下的所有文件(用户临时文件)x:\Documents an
转载
2024-04-09 09:56:25
78阅读
.parent{ width: 10rem; height: 6rem; display: flex; justify-content: center; align-item
原创
2023-03-02 16:04:42
289阅读
<!DOCTYPE html><html><head> <meta charset=utf-8 /> <title>css聊天框</title> <style> * { margin: 0; padding: 0; ...
原创
2022-07-06 16:34:36
1217阅读
框模型图示： 解释：元素的最内部分是实际内容 直接包围内容的是内边距 内边距的边缘是边框 边框外是外边距 （外边框默认是透明的，不会遮盖其后的任何元素）。注意：背景应用与内部内容、内边距和边框组成的区域。很多浏览器会自动设置内外边距，所以需要自
原创
2014-06-25 21:52:49
600阅读
1. 小程序整个屏幕弹窗:.cl-panel-box {
position: fixed;
right: 0;
top: -100vh;
bottom: 0;
height: 100vh;
width: 100%;
z-index: 999;
background: #ffffff;
transition: 0.4s;
}
.
原创
2023-10-01 23:39:31
213阅读
非本人原创，此为本人导师代码，在此整理分析。1、遮蔽层，弹框弹出时，页面变灰。CSS部分.overlay{display:none;position:fixed;left:0;top:0;z-index:1000;width:100%;height:100%;background-color:hsla(0, 0%, 0%, .7);}2、定时提示小弹框，页面垂直居中显示CSS部分 /*t
原创
2015-07-24 11:23:22
719阅读
所有HTML元素可以看作盒子，在CSS中，"box model"这一术语是用来设计和布局时使用。盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。CSS 框模型 (Box Model) 规定了元素框处理元素内容、内边距、边框 和 外边距 的方式。一、CSS 框模型概述元素框的最内部分是实际的内容，直接包围内容的是内边距。内边距呈现了元素的背景。内边距的边缘是边框。边框以外是外边距，外边距...
转载
2020-02-05 15:24:00
78阅读
2评论
第一章、基本的圆角框 原创：冰极峰 转载请注明出处 2009年11月30日10:19:34 序言：在我的文章《超圆滑圆角框的半完美解决方案》中已经总结了七种不同的圆角框解决方案，基本上总结完了目前网络上比较流行的圆角框实现方案。而在我的
转载
2009-11-30 17:40:00
113阅读
文章目录前言一、盒子隐藏概述二、display1.赋予display none属性2.未加display:none;效果展示2.加display:none;效果展示三、visibility1.visibility: hidden;2.未加visibility: hidden;效果展示3.加visibility: hidden;效果展示四、overflow1.代码示例：2.不加这个属性效果展示3.
转载
2024-01-28 06:00:03
66阅读
# 如何使用 jQuery 清理文本框缓存
在现代网页开发中，用户输入的缓存现象可能会影响用户体验。为了确保用户在使用文本框时获得清新的输入体验，我们可以使用 jQuery 来清除文本框的缓存。本文将分步骤教会你如何实现这一功能。
## 计划步骤
下面是实现 jQuery 清理文本框缓存的一个简要流程：
| 步骤 | 描述
原创
2024-08-20 08:49:12
32阅读
一.浮动
float ：
浮动的盒子不占原来的位置，其下方的盒子会上移
父盒子会发生塌陷现象。同一级盒子right浮动，同级左边的盒子需要左浮动，right浮动的盒子才能上来
由于浮动框不在文档的普通流中，所以文档的普通流中的块框表现得就像浮动框不存在一样。
二.定位
relative : 设置相对定位的盒子，相对自己原来的位置移动，
转载
2024-04-20 20:55:04
63阅读
http://www.cnblogs.com/rainman/archive/2011/08/05/2128068.html
转载
精选
2012-06-10 19:29:15
722阅读
font-size: 12px line-height: 16px font-size: 14px line-height: 19px font-size: 16px line-height: 21px font-size: 18px line-height: 24px font-size: 20p ...
转载
2021-08-11 18:44:00
788阅读
2评论
