5.1 标签的样式属性
还有一些关于 HTML 的更有用的东西。随着网络开始流行，对网页设计精美或非常精美的需求越来越大。这个问题通过使用 style.
此属性的一般形式具有以下格式：
<tag style="name=value;name2=value2;nameN=valueN">
以分号分隔的属性值style列出了所有需要应用于标签的“样式”。
假设您想将图像显示为正方形100*100并使其半透明。为此，您需要为其添加特殊样式：
- 宽度=100px；
- 高度=100px；
- 不透明度=0.5；
然后带有此图像的 HTML 代码将如下所示：
<img src="logo.png" style="width=100px;height=100px;opacity=0.5">
有成百上千种样式。浏览器开发人员不断推出新产品。学习成为 Java 开发人员而不是 Web 设计师是件好事 :)
5.2 流行的 CSS 样式
您在生活中不太可能编写大量 HTML 代码或编辑其样式，但任何事情都有可能发生。例如，您正在编写几个小的 HTML 页面来测试API. 因此，了解基本样式HTML会有所帮助。
以下是后端开发人员最常见的 10 个：
| # | 姓名 | 例子 | 描述 |
|---|---|---|---|
| 1个 | 宽度 | 宽度：100px | 元素宽度（以像素为单位） |
| 2个 | 高度 | 高度：50% | 元素的高度百分比（父元素的宽度） |
| 3个 | 展示 | 显示：无 | 显示元素（不显示元素） |
| 4个 | 能见度 | 可见性：隐藏 | 元素可见性（元素是隐藏的，但空间是为它保留的） |
| 5个 | 颜色 | 红色; | 文字颜色 |
| 6个 | 背景颜色 | 背景颜色：烟雾 | 背景颜色 |
| 7 | 边界 | 边框：1px 纯黑色； | 边框（宽度 1px，颜色黑色，实线） |
| 8个 | 字体 | 字体：verdana 10pt | 字体：verdana，大小 10pt |
| 9 | 文本对齐 | 文本对齐：居中； | 文本水平对齐 |
| 10 | 利润 | 保证金：2px | 在元素外填充 |
你不需要记住这些标签，一切都在互联网上。而且，每种“样式”都有自己的一组有效值和描述值的格式。至少看看borderor font。
GO TO FULL VERSION