index.html
<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="utf-8"> <title>CSS文本样式[上]</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <p>这是html5</p> </body> </html>
style.css
@charset "utf-8";
body {
/*font-size: 50px;*/
/*font-variant: small-caps;*/
}
@font-face {
font-family: 'abc';
src: url('BrushScriptStd.otf');
}
p {
font-size: 50px;
/*font-size: xx-small;*/
/*font-size: xx-large;*/
/*font-size: smaller;*/
/*font-size: larger;*/
/*font-variant: small-caps;*/
/*font-variant: normal;*/
/*font-style: italic;*/
/*font-style: oblique;*/
/*font-weight: bold;*/
/*font-weight: bolder;*/
/*font-weight: lighter;*/
/*font-weight: 600;*/
/*font-family: 微软雅黑;*/
/*font-family: 楷体1,微软雅黑1,宋体;*/
/*font: small-caps italic bold 50px 楷体 ;*/
font-family: abc;
}
效果图：
相关推荐
第15章《CSS文本样式[上]》主要介绍了有关CSS文本样式的知识，包括字体的设置、Web字体的使用等。以下是对本章学习要点的详细阐述。 首先，课程介绍了“字体总汇”，也就是CSS中用于设置字体样式的多种属性。 1. ...
通过熟练掌握这些CSS文本样式的应用，我们可以创建出极具吸引力且功能丰富的网页文本。在实际项目中，结合HTML结构和响应式设计，这些技术将帮助我们实现更高质量的用户体验。在提供的代码文件中，你可以找到示例...
通过上述各个属性的讲解，我们可以发现CSS文本样式是网页设计中一个非常灵活且功能强大的工具，它能够让我们对文本内容进行详细地控制和美化，从而提升网站的可读性、美观度和用户体验。掌握这些样式属性的应用，将...
利用CSS3的媒体查询，我们可以根据设备的不同特性（如屏幕尺寸、分辨率等）应用不同的文本样式，实现响应式设计。例如： ```css @media (max-width: 600px) { p { font-size: 16px; } } ``` 当屏幕宽度小于或等于...
详细介绍了CSS如何控制文本样式，如字体、行高、对齐方式，以及如何使用CSS优化图像显示，包括图像定位、背景图像和图像透明度的设置。 **第十章：表格与列表** 讲解了如何使用CSS美化HTML表格和列表，通过控制边框...
以上只是CSS3的一部分特性，实际的CSS3.0手册中包含了更多细节，如文本装饰、变形、过滤器、多背景、边距折叠等，这些都为Web开发者提供了更为丰富和精细的样式控制手段，从而实现更具创意和功能性的网页设计。
《精通...第15章 Java Script对象编程 第16章 Java Script操纵CSS3 第17章 HTML5、CSS3和Java Script 第18章 HTML5绘制图形 第19章 HTML5中的音频和视频 第20章 地理定位、离线Wed应用和Web存储
本书主要介绍了CSS的概念、类型、文本样式、边框样式、块样式、位置样式、列表和滤镜，同时还介绍了关于CSS的一些高级应用，例如CSS和XML的整合以及和JavaScript的结合。本书对于初学者而言是一本很好的入门教程，...
李刚 疯狂HTML5CSS3JavaScript讲义的源代码 第一部分 ... 第15章 事件处理机制 第16章 本地存储与离线应用 第17章 使用Worker创建多线程 第18章 客户端通信 第四部分 第19章 HTML 5的疯狂俄罗斯方块
第1章 HTML5概述 ...第15章 Java Script对象编程 第16章 Java Script操纵CSS3 第17章 HTML5、CSS3和Java Script 第18章 HTML5绘制图形 第19章 HTML5中的音频和视频 第20章 地理定位、离线Wed应用和Web存储
在这个主题“21.1 CSS 文字样式”中，我们将深入探讨如何利用CSS来调整和美化网页中的文本元素。这包括字体选择、颜色设定、大小调整、行高、字母间距、对齐方式以及许多其他高级技术。 1. **字体家族**：CSS提供了...
第15章（源代码\第15章） 示例描述：本章演示CSS基础部分知识。 CSS基础.html 演示CSS基础链接知识用法。 style1.css 名为style1的CSS样式文件。 style2.css 名为style2的CSS样式文件。 style3....
**七、文本样式** 在CSS 2.0中，可以控制文本的字体、字号、行高、颜色、对齐方式、装饰（如下划线、删除线）以及缩进等。`text-transform`、`text-decoration`和`white-space`等属性提供了丰富的文本格式化选项。 ...
在这一部分，我们将专注于CSS在处理文本样式上的功能。我们将学习如何改变字体、字号、行高、字母间距，以及对齐方式等。同时，我们还会探讨文本装饰，如下划线、删除线和上划线，以及文本阴影和文本溢出的处理。...
### CSS样式代码详解 #### 一、背景样式 Background **1. `background-attachment`**：此属性定义了背景图像是否固定或者随着页面滚动而滚动。 - **取值**： - `scroll`：背景图像随页面滚动（默认值）。 - `...
全书pdf 210M, 共分9个分卷, 这是第8分卷 中文名: 精通CSS与HTML设计模式 英文名: Pro CSS and ...第15章 表格 第16章 列布局 第17章 布局 第18章 字母下沉 第19章 强调框和引用 第20章 提示框 索引...
第15章 事件处理机制 497 15.1 事件模型的基本概念 498 15.2 绑定事件处理函数 499 15.3 事件处理函数的执行环境 505 15.4 事件类型 521 15.5 本章小结 534 第16章 本地存储与离线应用 535 16.1 Web Storage...