css的簡單樣式

2021-05-25 22:47:28 字數 516 閱讀 5322

text-align:center 文字居中; line-height:行高;background:url("路徑")  no-repeat(不重複)  0px 20%:設定樣式

text-indent:文字縮排; 1em:表示乙個字。 a:表示有無下劃線;hover:表示滑鼠懸停的時候;

font-family:"黑體";表示字型樣式; img:當有和文字,文字顯示在的中部;

onmouserover="this.style.backgroundcolor" 和onmouserout可以設定光棒效果;background-repeat:no-repeat/repeat-x;

background-image:url; padding:(22px 8px 5px 5px):逆時針方向;cursor:hand:當滑鼠懸停上去的顯示乙個手

display:block:塊顯示; ul(list-style:none)  background-postion:1px 4px;  border-collapse:collapse; 邊框不重複。

css簡單樣式

p style color yellow 一段文字 p 選擇器 內部樣式 外聯樣式 建立.css檔案層疊優先順序 內聯 內部 外部 style 元素選擇器 p 類選擇器 first id 選擇器 sec style id 選擇器命名是唯一的奇偶選擇器odd even.first nth child ...

CSS樣式的簡單使用

css樣式的簡單使用 在做專案時,有時做用到一行分幾列顯示內容,用datalist繫結,可以實現。但有時因我們不是設計師,有的 不利於我們在itemtemplate中繫結內容.用ul li 再加上css控制,就可以實現一行多列的情景,但這時不能在datalist的 itemtemplate中繫結 l...

CSS簡單樣式練習(五)

執行效果 源 1 doctype html 2 html lang zh 3 head 4 meta charset utf 8 5 title 春天 title 6 style type text css 78 1314body 1819 title 2425 container 2930 tex...