CSS - 何星星

前端开发

CSS scroll-behavior 页面平滑滚动

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

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

前端开发

CSS 文字间距

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

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

前端开发

CSS 文字对齐方式

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

前端开发

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

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

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

前端开发

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

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

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

前端开发

CSS display 不响应 transition 过渡动画

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

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

前端开发

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

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

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

前端开发

CSS Flex 语法与应用

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

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

前端开发

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

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

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

前端开发

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

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

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

前端开发

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

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

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

前端开发

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

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

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

前端开发

元素绝对居中实例

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

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

前端开发

设计 hr 元素水平线的对齐方式

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

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

前端开发

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

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

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

系统运维

CSS、Sass、Scss、Less 语法标准

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

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

前端开发

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

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

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

前端开发

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

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

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

前端开发

JS 改变 Class 标签属性值

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

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

前端开发

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

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

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

前端开发

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

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

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

前端开发

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

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

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

前端开发

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

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

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

前端开发

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

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

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

前端开发

精致打磨的前端配色与视觉字体带来视觉盛宴

前端配色 .Colors{ color: #ff6868; color: #3898ff; colo 阅读更多…

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

前端开发

INPUT 输入框表单设计显示/隐藏密码选项

Form 实现表单内容和显示/隐藏密码样式； <input type=”password” i 阅读更多…

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

前端开发

JQuery toggle() 控制多个 div 层显示和隐藏

JQuery 引用 JQuery 文件满足功能实现； <script src=”https:/ 阅读更多…

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

前端开发

INPUT 输入框的字体和光标颜色

输入框的字体颜色 input{ color:red; } 输入框的光标颜色 input{ caret 阅读更多…

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

前端开发

INPUT 输入框自动填充密码的背景样式

CSS 自动填充颜色改变或透明之白色背景 input:-webkit-autofill { box- 阅读更多…

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

前端开发

INPUT 输入框和 TEXTAREA 文本域的占位符（placeholder）样式

输入框 input::-webkit-input-placeholder { /*Chrome*/ 阅读更多…

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