CSS设置文本——颜色和大小
<1>.设置文本颜色
1 <html>
2 <head>
3 <style type="text/css">
4 body {color: red}
5 h1 {color: #00ff00}
6 p.ex {color: rgb(0,0,255)}
7 </style>
8 </head>
9
10 <body>
11 <h1>这是 heading 1</h1>
12 <p>这是一段普通的段落。请注意,该段落的文本是红色的。在 body 选择器中定义了本页面中的默认文本颜色。</p>
13 <p class="ex">该段落定义了 class="ex"。该段落中的文本是蓝色的。</p>
14 </body>
15 </html>
这里和背景颜色的设置类似,只是没有了background,只有color。
这里的p.ex的用法和那个span.highlight用法相似。引用的时候
加在p的class属性中就可以了。
<2>.设置文本大小
1 <html>
2 <head>
3 <style type="text/css">
4 h1 {font-size: 300%}
5 h2 {font-size: 200%}
6 p {font-size: 600%}
7 </style>
8 </head>
9
10 <body>
11 <h1>This is header 1</h1>
12 <h2>This is header 2</h2>
13 <p>This is a paragraph</p>
14 </body>
15 </html>
可以看到这里的字体大小可以设置的非常之大,都是没有问题的。
posted on 2011-09-17 16:43 More study needed. 阅读(625) 评论(0) 编辑 收藏 举报
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 地球OL攻略 —— 某应届生求职总结
· 提示词工程——AI应用必不可少的技术
· Open-Sora 2.0 重磅开源!
· 周边上新:园子的第一款马克杯温暖上架