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 | 在元素外填充 |
你不需要記住這些標籤,一切都在互聯網上。而且,每種“樣式”都有自己的一組有效值和描述值的格式。至少看看border
or font
。