CSS簡介

開放

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

留言
  • 受歡迎
你必須登入才能留言
此頁面尚無留言