CSS入門例子

2022-05-05 05:54:08 字數 1444 閱讀 4371

你可以先通過這個鏈結學習一下html的入門例子.

好通過上面的例子有點感覺了吧?現在開始從頭學習入門啦:)

<2>輸入下面**(直接拷貝過去就可以啦)

歡迎來到夢之都這是我的第乙個網頁,在這裡盡情學習css吧!

點選"檔案"--選擇"儲存"--選擇檔案型別為"所有檔案"--檔名輸入"dreamdu.html"並選擇檔案儲存位址.(記住一定要把檔案的字尾存為.html或.htm,否則網頁無法顯示)

<3>再新建乙個檔案,輸入下面**(直接拷貝過去就可以啦)

/*段落樣式*/p/*標題樣式*/h1/*鏈結樣式*/a:linka:visiteda:hovera:active
點選"檔案"--選擇"儲存"--選擇檔案型別為"所有檔案"--檔名輸入"dreamdu.css"並選擇檔案儲存位址.(記住一定要把檔案的字尾存為.css,而且要和dreamdu.html在同乙個目錄下.)

<4>現在我們可以雙擊dreamdu.html這個檔案.看看效果吧.

怎麼樣?五顏六色的吧:)

html檔案就是乙個文字檔案,html檔案要在head處載入css樣式.

css檔案也是乙個文字檔案.

p
代表p標籤所包含的內容都是以紫紅色color: purple;,12px大小font-size: 12px;的字型顯示.

h1
代表h1標籤所包含的內容都是以橄欖色color: olive;,帶下劃線text-decoration: underline;的字型顯示.

a:linka:visiteda:hovera:active
來自:

CSS基礎例子

參考 一.背景 二 在乙個宣告中定義所有的列表屬性 ul ul 三 css 外邊距 margin tesclass tesclass tesclass tesclass 遵循上右下左逆時針 四 css 內邊距 padding 同 margin,五.css 邊框 border border 2px s...

tensorflow入門例子

import tensorflow as tf import numpy as np 使用 numpy 生成假資料 phony data 總共 100 個點.100,2 x data np.float32 np.random.rand 100,2 隨機輸入 y data np.dot x data,...

Vue入門例子

用idea進行開發匯入js 新建html,在html輸入以下 提示資訊 3.寫js 第乙個例項就完了el 掛載點 vue例項的作用範圍是什麼?vue 會管理el選項命中的元素及其內部的後代元素 是否可以使用其他的選擇器可以使用其他的選擇器,但是建議使用id選擇器 是否可以設定其他的edom元素可以使...