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