当前位置: 首页 > news >正文

css属性

字体属性

字体大小(font-size)

p {font-zie: 14px
}

可以设置字体的大小

  • px:像素,稳定和准确

  • %:把font-size设置为基于父元素的一个百分比值

字体粗细(font-weight)

设置字体的粗细不需要添加单位

# normal,bold,bolde三个常用选项font-weight:500

normal:默认值

bord:粗体

border:更粗

lighter:更细

字体系列(font-family)

# 第一个不支持,就找第二个
font-family:"微软雅黑","宋体";

字体颜色和背景颜色(color)

颜色表示方法有三种,颜色名称单词(red),rgb表示方法(rgb(255,0,0)),十六进制(#FF0000)

RGB原理: 三原色发光原件组件的,rgb(0,0,0) 表示黑色

    color: red;  # 字体颜色background-color: blue;  # 背景颜色

img

文字属性

设置对齐方式(text-align)

为什么文字默认是左上角呢?

左边,右边,居中都是可以设置的

left:左对齐

right:右对齐

center: 居中对齐

justify:2端对齐

文字下划线(text-decoration)

none:默认

underline:定义文本下的一条线

overline:定义文本上的一条线

line-through:定义穿过文本下的一条线

主要的作用就是取消a标签的下划线颜色

        a {text-decoration: none;}
/* 第一个是下划线,第二个是下划线颜色,第三个是下划线的大小 */a {text-decoration: underline green 5px;}
http://www.jsqmd.com/news/892465/

相关文章:

  • 高光谱图像分类:融合张量嵌入与图半监督学习应对小样本挑战
  • 视频智能分析终极指南:让AI自动整理你的视频内容精华
  • AI记忆系统如何解决多义词歧义:语境锚定技术实践
  • Lovable安全平台开发必知的5大合规红线,GDPR+等保2.0双认证通关路径详解
  • 保护眼睛迫在眉睫 护眼宝高效防蓝光 电脑也有护眼模式了
  • Fast-GitHub:3步解决国内开发者GitHub访问困境的终极方案
  • 活动平台搭建卡在审批流?性能崩在万人秒杀?Lovable平台6大模块压测数据与优化清单,限24小时领取
  • 通过Taotoken模型广场为你的应用选择合适的AI模型
  • 3步打造你的专属音乐世界:LX Music Desktop免费开源跨平台音乐播放器指南
  • 大数据隐私计算技术实战:数据可用不可用的安全赋能方案
  • 冲上热搜第9!芯片半导体为何暴涨?揭秘背后核心逻辑
  • 多语种翻译响应延迟低于320ms,行业首份PlayAI翻译性能压测报告全公开,仅限本周下载!
  • 操作系统与虚拟化技术如何影响网络功能性能:从原理到实战优化
  • 避坑指南:RV1126上RKMedia音频编码与解码的那些“坑”与解决方案
  • Hermes Agent 完全安装指南(Linux、macOS、Windows、Android)
  • BioIVT人源生物样本全面解析:血液、体液、组织样本在药物研发与生命科学研究中的应用
  • 从高拟真到真可用,LongCat-Video-Avatar 1.5 正式开源
  • 小白程序员必看:收藏这份AI大模型学习路线,轻松提升职场竞争力!
  • 体验Taotoken旗舰模型首发更新与官方折扣带来的性价比
  • 消费返物业费系统小程序/APP搭建
  • 终极免费Switch模拟器Ryujinx:从零开始畅玩Switch游戏的完整指南
  • Python PRAW介绍(Reddit API封装库)Python Reddit API Wrapper、惰性加载Lazy Loading、asyncpraw、信息聚合
  • 【Lovable平台性能调优白皮书】:QPS从83→2147的压测数据对比与内核级参数优化路径
  • 康奈非尼LuciEncor常见副作用为关节痛疲劳及皮疹光敏反应
  • PTS精密链节式输送线高精度性能的技术原理解析
  • 3分钟解锁Web翻页动画:StPageFlip让数字阅读体验更自然
  • 为什么92%的Lovable平台项目延期?揭秘头部企业私有化部署中从未对外公布的3层灰度验证机制
  • 自托管PostHog部署实战:避开6大陷阱,构建稳定数据分析平台
  • 工业管道非侵入式颗粒检测:振动与声学传感的信号处理实战
  • 超导量子计算机发展路线与关键技术解析