自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(13)
  • 收藏
  • 关注

原创 给网页标签(即浏览器标签页上的图标,也称为 favicon)添加 Logo

给网页标签(即浏览器标签页上的图标,也称为 favicon)添加 Logo

2025-05-24 16:13:18 446

原创 CSS clear 属性

使用场景 2.1 清除浮动影响 .footer {clear: both; /* 避免被上方浮动元素影响 */} 2.2 创建换行效果 .new-section {clear: left; /* 在左浮动元素后换行 */}

2025-05-06 14:15:06 477

原创 CSS float 属性

取值:left | right | none | inherit浮动元素会生成一个块级框不影响块级元素的布局,但影响内联元素

2025-05-05 22:30:13 397

原创 CSS3 边框

简写语法:border: <宽度> <样式> <颜色>示例:border: 2px solid #3498db;

2025-05-05 00:05:52 554

原创 CSS3 Flexbox 布局

flexflex-grow, flex-shrink 和 flex-basis 的简写.item { flex: 0 1 auto; /* 默认值,相当于flex: initial */ flex: 1; /* 等价于 flex: 1 1 0% */ flex: auto; /* 等价于 flex: 1 1 auto */ flex: none; /* 等价于 flex: 0 0 auto */ }

2025-05-03 16:19:26 558

原创 CSS3 绝对定位

基本语法:.absolute-element {position: absolute;top: 20px;left: 30px;}

2025-05-02 09:36:15 400

原创 CSS3 相对定位

偏移特性:top和bottom同时设置时,top优先left和right同时设置时,left优先(LTR情况下)

2025-05-01 10:27:05 628

原创 CSS3 背景图片

background-image作用:设置元素背景图片语法:background-image: url (“image.jpg”) | none支持多背景图:background-image: url (“img1.png”), url (“img2.png”)

2025-04-30 19:59:12 406

原创 CSS background-color 属性

颜色表示方式十六进制:#FFFFFF(简写#FFF)RGB:rgb(255, 255, 255)rgba(255, 255, 255, 0.5)(带透明度)HSL:hsl(0, 100%, 50%)hsla(0, 100%, 50%, 0.3)颜色名称:red, blue等(共140+种)

2025-04-29 09:09:47 929

原创 CSS font 属性指南

正确示例:font: italic bold 16px "Arial"错误示例:font: bold italic 16px "Arial"- 必须同时指定font-size和font-family。- 旧版IE需要确保font-family包含通用字体族。错误示例:font: bold;错误:font: 16 sans-serif;错误:font: "Arial" 16px;- 使用font-display控制加载行为。- 单独属性优点:可读性更好。- 查看计算后的font属性。- 明确指定关键属性。

2025-04-28 11:04:39 625

原创 CSS z-index 属性

层级规范示例:0-9    → 基础内容10-99  → 悬浮元素100-999 → 全局组件1000+  → 特殊场景

2025-04-27 17:27:51 457

原创 CSS margin属性

​简写规则:单值:margin: 10px → 四边相同双值:margin: 10px 20px → 上下/左右三值:margin: 10px 20px 30px → 上/左右/下四值:margin: 10px 20px 30px 40px → 上/右/下/左​

2025-04-27 02:27:32 589

原创 CSS padding 属性

​属性写法完整写法:padding-top: 10px;padding-right: 5%;padding-bottom: 1em;padding-left: 2rem;简写属性:padding: 10px; // 四边相同padding: 10px 20px; // 上下 | 左右padding: 10px 20px 15px; // 上 | 左右 | 下padding: 10px 5% 15px 20px; // 上 右 下 左​

2025-04-26 15:24:34 281 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除