CSS基礎例子

2022-09-17 09:45:11 字數 954 閱讀 6090

參考:

一.背景

二、在乙個宣告中定義所有的列表屬性

ul   ul

三、css 外邊距 (margin)

.tesclass  .tesclass 

.tesclass  

.tesclass  遵循上右下左逆時針

四、css 內邊距 (padding)

同 margin,

五.css 邊框(border)

border: 2px solid #f00 

border-bottom:2px solid #f00  三個引數分別為 寬度,實線,顏色

六、設定文字顏色 h1

七、 css 定位 position:

絕對定位(相對其父元素):position:absolute;

left:100px;

top:300px

相對定位(相對其正常位置):position:relative;

left:100px;

top:100px;

z-index:-1 位於下面 1位於上面 正常為0

八、鏈結偽類

:link

將特殊的樣式新增到未被訪問過的鏈結

:hover

當滑鼠懸浮在元素上方時,向元素新增樣式

:active

將樣式新增到被啟用的元素,即滑鼠按下不放時的樣式

:visited

將特殊的樣式新增到被訪問過的鏈結

a:link

a:visited

a:hover

a:active

CSS入門例子

你可以先通過這個鏈結學習一下html的入門例子.好通過上面的例子有點感覺了吧?現在開始從頭學習入門啦 2 輸入下面 直接拷貝過去就可以啦 歡迎來到夢之都這是我的第乙個網頁,在這裡盡情學習css吧 點選 檔案 選擇 儲存 選擇檔案型別為 所有檔案 檔名輸入 dreamdu.html 並選擇檔案儲存位址...

css高階的背景例子

doctype html html head meta charset utf 8 title 高階的背景 title style body container center div style head body div class container div class center div h...

css學習 css基礎

子選擇器 parent child 子選擇器是指選擇parent的範圍內的第乙個子元素。這裡parent和child均是偽 可以是class用.classname,也可以是標籤ul li,也可以是id pid cid 後代選擇器 parent child 後代選擇器是指 選擇parent範圍內的所欲...