CSS - 何星星

前端开发

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

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

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

前端开发

JS 改变 Class 标签属性值

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

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

前端开发

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

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

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

前端开发

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

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

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

前端开发

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

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

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

前端开发

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

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

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

前端开发

CSS3 @font-face 引入本地实体字体文件和链接 CSS 格式字体文件以及转换为 Base64 编码数据

常见应用 Web 字体格式 url(hexingxingCN.eot) –> format( 阅读更多…

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

前端开发

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

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

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

前端开发

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

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

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

前端开发

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

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

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

前端开发

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

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

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

前端开发

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

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

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

前端开发

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

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

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

前端开发

INPUT 输入框或按钮激活状态边框线

CSS .outline{ outline-color: #ccc; /*outline: none 阅读更多…

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

前端开发

CSS a 链接的默认样式应用

CSS a:link { text-decoration: none; color: #7f7f7f 阅读更多…

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

前端开发

INPUT 输入框和 BUTTON 按钮设计样式

CSS 文本输入框样式 input[type=text] input[type=text] { /* 阅读更多…

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

前端开发

通过 CSS 为 DIV 层设计边框样式

CSS 1. 可以按需要单项依次配置参数； .mainControl { max-width: 39 阅读更多…

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

前端开发

CSS a 链接指定局部私有样式

概览在默认样式外指定一个用于 alink 超链接的私有样式，在 a{} 的后面追加要设置的类名，即阅读更多…

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

前端开发

HTML 导航栏下拉菜单栏目

CSS html,body { font-size: 12px; } .dropbtn { bord 阅读更多…

由何星星，3年2021年10月16日前

前端开发

HTML 展开和收起内容

CSS .manualItem { text-align: left; max-height:0; 阅读更多…

由何星星，3年2021年10月16日前

前端开发

HTML 设定选中文字的颜色和背景样式

全局样式 ::selection{ color:#FFF; background:#FF6868; 阅读更多…

由何星星，3年2021年10月16日前

前端开发

HTML 对象元素的下划线距离

概览在设计文字内容时，html 自带的链接下划线样式与文字太接近，为了更符合视觉效果，我们需要让文阅读更多…

由何星星，3年2021年10月16日前

技术维新

利用 CSS 标签 prefers-color-scheme 使网站支持深色模式

概览何星星所有网站群现已支持深色模式（iOS, iPadOS, macOS, Windows），如阅读更多…

由何星星，3年2021年8月26日前

前端开发

前端 UI/UX 设计与灵感在线平台

设计思维 UISDC https://www.uisdc.com UI 中国 https://www 阅读更多…

由何星星，4年2021年4月5日前

前端开发

CSS @media screen 布局自适应

当屏幕小于设定像素时 CSS @media screen and (max-width: 768px 阅读更多…

由何星星，4年2020年9月5日前

前端开发

CSS visibility display

visibility 显示空白占位空间，显示内容后页面布局不发生变化 a div.img{ visi 阅读更多…

由何星星，5年2020年5月22日前

前端开发

CSS 设置 HTML 背景图片自适应居中全屏

background-image: url(https://images6.alphacoders. 阅读更多…

由何星星，5年前

前端开发

CSS 模型和布局方案

1.CSS 标准盒子模型 CSS 盒子模型又称为框模型（Box Model），包含元素内容（con 阅读更多…

由何星星，5年前

前端开发

通过 CSS 解决 HTML 页面的复选框或单选框与文字对齐问题

当文字 12px 时，单（复）选框 CSS 设置 height:13px; vertical-ali 阅读更多…

由何星星，5年前

前端开发

CSS 字体文件引用

<!DOCTYPE html> <html> <head> &l 阅读更多…

由何星星，5年前