CSS - 何星星

前端开发

CSS 为对象添加彩虹边框

HTML 全局代码 <!DOCTYPE html> <html> <h 阅读更多…

由何星星，4周2023年11月9日前

前端开发

Input 输入框前端与后端搭配自动大小写转换

前端由 CSS 控制，只用于前端显示，并不改变实体数据。关键代码 style=”text-tra 阅读更多…

由何星星，2月2023年9月25日前

前端开发

CSS font-family 中文字体英文名称一览表

本文经由何星星转载并校准优化于：CSS font-family 中文字体英文名称展示 Windows 阅读更多…

由何星星，5月2023年7月11日前

前端开发

CSS 网页前端界面隐藏鼠标图标

全局隐藏 * { cursor:none!important; } 局部隐藏 div.nocurso 阅读更多…

由何星星，5月2023年6月29日前

前端开发

CSS 定义元素相对完美居中

基于 div 定位 CSS body { margin: 0; } .ifdisplay { mar 阅读更多…

由何星星，5月2023年6月26日前

前端开发

CSS 盒子模型边缘阴影样式设计

概览使用模块化组合内容，让内容更具有分类性，整体可显简洁易用，其中模块的边缘处理使用圆角锐化以及阴阅读更多…

由何星星，6月2023年6月9日前

前端开发

CSS scroll-behavior 页面平滑滚动

CSS 区域 .container { scroll-behavior: smooth; } 全局阅读更多…

由何星星，6月2023年6月5日前

前端开发

CSS 文字间距

语法 letter-spacing: normal|length|initial|inherit; 阅读更多…

由何星星，6月2023年6月2日前

前端开发

CSS 文字对齐方式

由何星星，6月2023年6月2日前

前端开发

CSS 伪类和伪元素深入理解与实践

概览在前端开发中，使用伪元素可以使我们的文档结构更加简洁。::before 和::after 匹配阅读更多…

由何星星，9月2023年3月16日前

前端开发

使用 CSS :lang 伪类和 HTML lang 属性赋予中英文不同的字体样式

CSS /* 来源自 https://www.apple.com.cn/v/home/er/buil 阅读更多…

由何星星，10月2023年2月23日前

前端开发

CSS display 不响应 transition 过渡动画

为了做一个页面返回顶部的动态图标功能，思路是通过 JS 来响应当页面滑动到距离 scrollTop 阅读更多…

由何星星，1年2022年10月4日前

前端开发

CSS 刷新样式文件条件与方法

概览我们通常在前端修改界面样式后，会通过 Ctrl+F5 强制刷新以使用本地浏览器生效修改后的变化阅读更多…

由何星星，1年2022年10月2日前

前端开发

CSS Flex 语法与应用

CSS 应用于图标排列 .hxxFlex { text-align: center; display 阅读更多…

由何星星，1年2022年10月2日前

前端开发

CSS 禁用/屏蔽其他 class 类名的属性

如果使用前端框架，但该框架的元素与实现所需冲突，需要使其失效。我们只要在所需的位置自定义 CSS 元阅读更多…

由何星星，1年2022年9月21日前

前端开发

DIV 对象和 TABLE 表格超出容器宽度强制换行或省略

div 区块布局 .div{ word-break: break-all; /*英文，以字母作为换行阅读更多…

由何星星，1年2022年9月21日前

前端开发

CSS 全局变量函数的声明与应用

声明变量建议写在 CSS 文档流顶部 :root 是一个伪类选择器，里面的属性可以全局进行使用，这阅读更多…

由何星星，1年2022年9月21日前

前端开发

CSS 设计对象元素鼠标悬停动画

对象元素 [input] [button] [div] … 样式设计 input 按钮元素默认阅读更多…

由何星星，2年2022年5月25日前

前端开发

元素绝对居中实例

CSS html, body { width: 100%; height: 100%; margin 阅读更多…

由何星星，2年2022年5月25日前

前端开发

设计 hr 元素水平线的对齐\颜色\长度的样式

概览在 HTML 旧版本中，规定 <hr> 元素的对齐方式属性可以使用 align: 阅读更多…

由何星星，2年2022年5月19日前

前端开发

INPUT 输入框表单显示密码字符

概览表单密码框一般可以通过控制 input 的 type 来显示或隐藏密码字符，当 type=”p 阅读更多…

由何星星，2年2022年5月18日前

系统运维

CSS、Sass、Scss、Less 语法标准

变量方法 $ => SCSS, SASS — => CSS @ => LESS 阅读更多…

由何星星，2年2022年5月18日前

前端开发

CSS3 Cubic-Bezier（贝塞尔）曲线动态过渡效果

概览在两个或多个元素之间变化时，可以使用 transition 属性来为元素添加变化的过渡动画，以阅读更多…

由何星星，2年2022年5月11日前

前端开发

CSS 元素对象阴影和鼠标悬停过渡动画

元素对象阴影模板 box-shadow: -4px 7px 46px 2px rgb(0 0 0 / 阅读更多…

由何星星，2年2022年5月10日前

前端开发

JS 改变 Class 标签属性值

思路通过按钮来控制改变 Class 的值，按钮点击传值 changeClass()，响应 JS 获阅读更多…

由何星星，2年2022年5月6日前

前端开发

CSS position 子元素定位到父元素的绝对位置

需求子元素定位到父元素的绝对位置。思路先设置一个父元素 div，并设置定位 position，阅读更多…

由何星星，2年2022年5月1日前

前端开发

CSS 配置 IMG 图片样式上下偏移以适应文本平行对齐

CSS img.myInfo{ width: 14px; border-radius: 50%; t 阅读更多…

由何星星，2年2022年4月20日前

前端开发

select 下拉列表菜单选择器定制样式

CSS select：元素标签 DashSelecter：定义类 hover active visi 阅读更多…

由何星星，2年2022年4月20日前

前端开发

Bootstrap 图标库（bootstrap-icons）应用方法

概述 Bootstrap 图标库拥有 1600 多个图标的免费、高质量的开源图标库。你可以以任何方式阅读更多…

由何星星，2年2022年4月9日前

前端开发

CSS3 @font-face 引入本地实体字体文件和链接 CSS 格式字体文件

引入本地实体字体文件* @font-face 方式，以 Gauge Mono Regular 字体举阅读更多…

由何星星，2年2022年4月7日前