马康哲 - 博客园

4.23

摘要：一、CSS3 基础概述 CSS（层叠样式表）专门用于美化、布局网页，核心提供四大基础样式能力： color ：文字颜色属性 background ：背景样式属性 font ：文本字体全套相关属性 float ：元素浮动布局属性二、CSS 样式编写基础规则 1选择器严格区分大小写，属性和属性值不区分阅读全文

posted @ 2026-07-07 08:53 马康哲阅读(4) 评论(0) 推荐(0)

一、固定宽度时，实现字数超出时变成省略号

摘要：一、固定宽度时，实现字数超出时变成省略号 ①不折叠 white-space: nowrap; ②超出部分隐藏 overflow: hidden ③用省略号表示 text-overflow: ellipsis; 二、如何动态改变css样式 <button>改变背景颜色</button> *{margi 阅读全文

posted @ 2026-07-07 08:51 马康哲阅读(2) 评论(0) 推荐(0)

超级链接

摘要：超级链接使用： 1.空链接 <a href='#'>空链接</a> 空链接的作用：占位页面还没做好、链接地址没确定，先用空链接占位置，保证样式正常触发交互（最常用）点击不是跳转，而是：弹出弹窗展开 / 收起菜单切换内容执行 JS 动作保留链接样式让文字 / 按钮显示：手型光标、阅读全文

posted @ 2026-07-07 08:50 马康哲阅读(5) 评论(0) 推荐(0)

摘要： 1.做原角样式：border-radius (1)单行折叠 white-space: nowrap; overflow: hiddem; text-onarflac ellipsis; (2）多行折叠 display: -webkit-box; webkit-box-orient: vertical 阅读全文

posted @ 2026-07-07 08:49 马康哲阅读(3) 评论(0) 推荐(0)

简易笔记：表格 + 表单

摘要：简易笔记：表格 + 表单 1. 表格基础 border='1'：显示边框。 cellspacing：单元格间距。 cellpadding：内容与边框的间距。 <th>：表头（加粗居中），<tr>：行，<td>：列。 2. 表单控件文本框：<input type='text'>(placeholde 阅读全文

posted @ 2026-07-07 08:48 马康哲阅读(4) 评论(0) 推荐(0)

CSS文本与样式进阶技巧（美化+溢出处理）

摘要： CSS文本与样式进阶技巧（美化+溢出处理）文本样式是网页视觉美化的基础，除了基础的字体、颜色、对齐样式，掌握进阶文本处理技巧，可以快速优化页面质感，解决文本溢出、排版不规整、文字展示异常等高频问题。CSS文本样式可精准控制文字字体、大小、粗细、颜色、行高、缩进、对齐、阴影、溢出省略等所有文本效果，阅读全文

posted @ 2026-07-07 08:45 马康哲阅读(2) 评论(0) 推荐(0)

Grid网格布局（二维布局终极神器）

摘要： Grid网格布局（二维布局终极神器） Grid网格布局是CSS中最强大的二维布局系统，唯一可以同时精准控制行和列的布局方案，区别于Flex一维布局（只能控制单方向排列）。Grid可以快速实现规整的栅格布局、卡片矩阵、商品列表、相册网格、官网栅格排版等复杂二维布局，无需计算尺寸、无需清除浮动、无需复杂阅读全文

posted @ 2026-07-07 08:44 马康哲阅读(5) 评论(0) 推荐(0)

Flex弹性布局（现代主流布局完全指南）

摘要： Flex弹性布局（现代主流布局完全指南） Flex弹性布局是现代前端首选布局方案，彻底替代传统浮动布局，解决了浮动塌陷、布局不稳定、适配困难、居中复杂等所有痛点，适配PC端、移动端、响应式页面，是企业开发必掌握的核心技能。Flex布局分为弹性容器（父元素）和弹性项目（子元素），只需给父元素设置dis 阅读全文

posted @ 2026-07-07 08:43 马康哲阅读(5) 评论(0) 推荐(0)

CSS定位布局详解（四种定位+层级控制）

摘要： CSS定位布局详解（四种定位+层级控制）文档流布局、浮动布局只能实现常规的流式排列，无法完成元素精准定位、叠加层级、悬浮固定等特殊布局需求。CSS定位position属性可以脱离常规文档流约束，自由控制元素在页面中的精准位置，是实现悬浮按钮、弹窗、导航固定、图标叠加、侧边悬浮等特效的核心技术。CS 阅读全文

posted @ 2026-07-07 08:42 马康哲阅读(5) 评论(0) 推荐(0)

CSS显示模式与元素转换（元素特性深度解析）

摘要： CSS显示模式与元素转换（元素特性深度解析） HTML所有元素默认分为三种显示模式，不同模式的元素拥有完全不同的排版特性、宽高规则、换行规则，掌握元素显示模式是精准布局的基础。CSS可以通过display属性自由切换元素显示模式，灵活适配各类布局需求，解决元素默认排版的局限性。三种基础显示模式分别为阅读全文

posted @ 2026-07-07 08:41 马康哲阅读(3) 评论(0) 推荐(0)

2026年7月7日