51CTO首页
AI.x社区
博客
学堂
精品班
软考社区
免费课
企业培训
鸿蒙开发者社区
信创认证
公众号矩阵
移动端
视频课 免费课 排行榜 短视频 直播课 软考学堂
全部课程 软考 信创认证 华为认证 厂商认证 IT技术 PMP项目管理 免费题库
在线学习
文章 资源 问答 课堂 专栏 直播
51CTO
鸿蒙开发者社区
51CTO技术栈
51CTO官微
51CTO学堂
51CTO博客
CTO训练营
鸿蒙开发者社区订阅号
51CTO软考
51CTO学堂APP
51CTO学堂企业版APP
鸿蒙开发者社区视频号
51CTO软考题库
CKA（Kubernetes 管理员认证）精品班
按照企业k8s需求进行技能培训，帮助用户快速拿下CKA认证，K8S采用新版本进行授课，课程内容全、讲解详细 。 免费试学
软考高级：系统架构设计师精品班
根据考试大纲对知识点、高频考点进行深入讲解，传授答题技巧及判断标准，助力高效备考。 免费试学
信创认证：系统架构师精品班（高级）
信息技术应用创新人才考试评价 免费试学

有趣的CSS - 搜索框小动效
使用 css 模拟实现搜索图标过渡到输入框的小动效的一个效果。
css
动效
动画
搜索框
ux
原创 精选
设计师工作日常
2024-03-13 09:21:33
438阅读

CSS实战篇-搜索框
一.效果图 二.相关代码 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content=""&g
# CSS
css
搜索框
原创
爱写Bug的麦洛
2021-07-12 15:51:51
822阅读

CSS 漂亮搜索框美化代码
效果图： 实现这种效果有两种方法：一是整体处理一个背景，以透明gif图的方式定位到搜索框，或者切分开，这种方法加载快，而且灵活性更高。文中用到的图片   <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"
漂亮搜索框
转载 精选
魅力网络技术
2013-03-31 22:40:12
2690阅读

教你用CSS实现搜索框
关注我，学习更多简单易懂的编程实战案例。进主页收获更多编程/就业/副业/创业/资源。
搜索
CSS
HTML
初学者
编程开发
原创
小院里的霍大侠
2022-12-13 09:37:32
422阅读

有趣的css - 搜索输入框动效
一个搜索框小组件，我自己增加了一些交互细节，希望大家喜欢。
输入框
搜索框
交互设计
动效设计
ux/ui
原创 精选
设计师工作日常
9月前
241阅读

javascript css 字体 css中字体的代码
一，常见中文字体在CSS中的Unicode编码新细明体: \65b0\7ec6\660e\4f53细明体: \7ec6\660e\4f53标楷体: \6807\6977\4f53黑体: \9ed1\4f53宋体: \5b8b\4f53新宋体: \65b0\5b8b\4f53仿宋: \4eff\5b8b楷体: \6977\4f53仿宋_gb2312: \4eff\5b8b_gb2312二，例如：fo
javascript css 字体
CSS3-Font
web前端
f5
中文字体
转载
晨曦微露s
2023-06-08 13:27:16
659阅读

css 字体 em css 字体居中
居中，在网页web开发的应用场景是非常广泛的，在很多时候居中的设计会更显得美观大方，同时在UI设计中也是很常用的布局手法。所以在学习css布局中，学会居中是必不可少的功课，下面我就简单的介绍在开发中经常用到的居中方法。注： 以下方法暂不考虑IE浏览器兼容的问题。1. 字体垂直居中文字居中是一个常见，也很基础的应用。其方法也很简单，只要设置字体的行高line-height（自行百度）和盒子的高度一致
css 字体 em
css
布局
web开发
css居中布局
转载
云端创新者
2024-06-13 19:36:01
178阅读

隐藏搜索框：CSS 动画正反向序列
顶部菜单栏中放置搜索框是一个常见的场景，但如果搜索功能使用的不那么频繁，同时菜单栏中内容本来就比较拥挤，再放一个完整的搜索框在那就显得不那么美观。因此也有一个挺常见的做法是，只放一个搜索图标，需要时再显示整个搜索框，如下图所示： 实现思路 起始状态时搜索框没有显示，鼠标移入后从右侧滑入，因此不能使用
搜索
ico
选择器
过渡动画
搜索图
转载
mb5fed73533dfa9
2021-06-24 18:30:00
147阅读
2评论

隐藏搜索框：CSS 动画正反向序列
作者 | Skuld_yi​顶部菜单栏中放置搜索框是一个常见的场景，但如果搜索功能使用的不那么频繁，同时菜单栏中内容本来就比较拥挤，再放一个完整的搜索框在那就显得不那么美观。因此，也有一个挺常见的做法是，只放一个搜索图标，需要时再显示整个搜索框，如下图所示：实现思路起始状态时搜索框没有显示，鼠标移入后从右侧滑入，因此不能使用搜索框自身的 hidden 或透明度属性，需要使用父元素的 overflo
搜索
ico
选择器
转载
wx6332e0803afcf
2022-11-08 15:14:59
118阅读

CSS 字体
CSS字体属性定义字体，加粗，大小，文字样式。 CSS字型 在CSS中，有两种类型的字体系列名称： 通用字体系列 - 拥有相似外观的字体系统组合（如 "Serif" 或 "Monospace"） 特定字体系列 - 一个特定的字体系列（如 "Times" 或 "Courier"） 字体系列 font-
5e
css
缩放
属性设置
chrome
转载
mob604756fe27f4
2017-06-07 19:29:00
378阅读
2评论

css字体
有关字体的简单设置。
上传
服务器
上传服务器
css
转载
mob604756e58279
2016-08-08 13:32:00
241阅读
2评论

css 字体
CSS 字体 CSS字体属性定义字体，加粗，大小，文字样式。 serif和sans-serif字体之间的区别 在计算机屏幕上，sans-serif字体被认为是比serif字体容易阅读 CSS字型 在CSS中，有两种类型的字体系列名称： 通用字体系列 - 拥有相似外观的字体系统组合（如 "Serif"
5e
css
属性设置
缩放
默认大小
转载
mb5fe1902d5617a
2019-11-15 15:20:00
193阅读
2评论

css 字体
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> @font-face{ font-family:feijiFont; src:ur ...
html
css
修改字体
其他
转载
mob604756fadec0
2021-10-26 22:57:00
171阅读
2评论

CSS——web字体与CSS字体图标
文章目录web字体字体格式字体图标字体图标优点字体图标使用流程设计字体图标上传生成字体包下载兼容字体包字体引入到HTML第一步：在样式里面声明字体： 告诉别人我们自己定义的字体第二步：给盒子使用字
css
html
svg
ico
字体图标
原创
流楚丶格念
2020-07-09 14:34:24
10000+阅读

CSS：字体
字体属性 font-family font-size font-weight font-style 复合属性 文本属性 ...
CSS字体
CSS
转载
mob604756f33d49
2021-07-26 17:06:00
488阅读
2评论

CSS 字体
字体大小 font-size 属性设置文本的大小。 能否管理文字的大小，在网页设计中是非常重要的。但是，你不能通过调整字体大小使段落看上去像标题，或者使标题看上去像段落。 请务必使用正确的HTML标签，就<h1> - <h6>表示标题和<p>表示段落： 字体大小的值可以是绝对或相对的大小。 绝对大小
CSS
font-size
5e
默认大小
属性设置
转载
mob604756ee0e6c
2016-10-18 16:01:00
343阅读
2评论

css 字体
1、字体族 字体是一推的东西，字体族就是一堆的字体，具体可以分为5个字体族 － serif sans-serif monospace cursive fantasy serif 衬线字体，就是字体周围会一些装饰性，像衬衫一样，顶部或底部会有多出来的短线，比如宋体 sans-serif 非衬线字体，它
浏览器兼容性
自定义字体
自定义
缩放
scala
转载
mb5fd86a050ef28
2019-01-17 07:04:00
388阅读
2评论

CSS字体
文章中的字体设置全部是英语 冒号后面是字体的显示状态 代码如下： <span style="font-family: 'SimHei'">521飞沙MrFlySand</span> Windows系统字体 黑体，SimHei：521飞沙MrFlySand 仿宋，FangSong：521飞沙MrFly
字体
CSS
microsoft
windows系统
mac系统
原创
MrFlySand
2021-12-29 14:22:49
278阅读

css字体
css字体字体颜色 color字体大小 font-size字体加粗 font-weight:normal|bold|bolder|100~900字体样式 font-style:normal|italic；字体font-family：楷体，幼圆，黑体；(当字体有单词构成必须加引号)字体属性具有继承性
css字体
转载
mb6066e247821a1
2021-04-18 19:09:29
496阅读
2评论

CSS字体
CSS 字体 font-family 属性 font-family 属性应包含多个字体名称作为“后备”系统，以确保浏览器/操作系统之间的最大兼容性。请以您需要的字体开始，并以通用系列结束（如果没有其他可用字体，则让浏览器选择通用系列中的相似字体）。字体名称应以逗号分隔。 代码 <!DOCTYPE h ...
html
css
网页设计
转载
mb5fcdf2add9b6a
2021-07-17 22:31:00
293阅读
2评论
  • 1
  • 2
  • 3
  • 4
  • 5
精品课程领资料
免费资料>
2025软考
系统架构设计师 系统规划与管理师 软件设计师 系统集成项目管理工程师
信创认证
系统架构师 信创集成项目管理师 信创规划管理师 系统开发工程师
厂商认证
CKA/CKS架构师 红帽认证工程师 Oracle-OCP认证 Oracle-OCM认证
IT技术
数据库高级工程师 AIGC大模型实战 Linux云计算架构师 Python全栈开发
华为认证
数通HCIP认证 云计算HCIE认证 华为存储HCIE认证 HCIP安全认证
相关文章

css字体

css 字体

CSS——web字体与CSS字体图标

常见的CSS字体

css中的字体

搜索框的java代码 搜索框js代码

CSS3 IOS 字体 css中字体的代码

前端 | 隐藏搜索框：CSS 动画正反向序列

Copyright © 2005-2025 51CTO.COM 版权所有 京ICP证060544号

关于我们
官方博客 全部文章 热门标签 班级博客
了解我们 网站地图 意见反馈
友情链接
鸿蒙开发者社区 51CTO学堂
51CTO 软考资讯