11種常用css樣式之滑鼠列表和尺寸樣式學習

滑鼠cursor常見樣式crosshair;/*十字形狀*/cursor:pointer;/*小手形狀*/cursor:wait;/*等待形狀*/cursor:text;/*預設文字形狀*/cursor:default;/*箭頭指示形狀*/cursor:help;/*幫助形狀*/

列表(list-style-type):none/*把列表前面的選項去除*/disc/*實心*/circle/*空心*/square/*方塊*/decimal/*序列*/lower-roman/*小寫羅馬*/upper-roman/*大寫羅馬*/lower-alpha/*小寫字母*/upper-alpha/*大寫字母*/

尺寸:height;max-height;min-height;width;max-width;min-width/*螢幕自適應寬度,100%*/textarea文字框:resize:none/*文字框不能拖動*/width:500px;height:300px;樣式繼承:文字有關的樣式會繼承下來(閱讀css常用樣式font控制字型的多種變換)文字框resize:none文字框不能拖動)樣式繼承/*文字有關的樣式會繼承下來*/閱讀"css常用樣式font控制字型的多種變換

1
doctype html
>
2<
html 
lang
="en"
>
3<
head
>
4<
meta 
charset
="utf-8"
>
5<
meta 
name
="viewport"
content
="width=device-width, initial-scale=1.0"
>
6<
title
>11種常用css樣式之滑鼠、列表和尺寸樣式學習
title
>
7<
style 
type
="text/css"
>8/*
常見滑鼠樣式*/9
#ceshi
25/*
常見列表樣式
*/26
.box>ul li
38.box>ul li>a
41/*
拓展，字母大小寫、文字預設方向;建議閱讀「css常用樣式對文字的處理演練」
*/42p48
/*尺寸 如何清理浮動閱讀
*/49
.size
52.size>ul
59.size>ul>li
64.size>ul>li>a
68.size::after
/*清浮動
*/73
#ueser
78style
>
79<
script
>
80window.onload
=function
()87}88
script
>
89head
>
90<
body
>
91<
div 
id="ceshi"
>
92點我有驚喜
93div
>
94<
div 
class
="box"
>
95<
ul>
96<
li><
a href
="#"
>列表abc1
a>
li>
97<
li>列表abc2
li>
98<
li>列表abc3
li>
99<
li>列表abc4
li>
100<
li>列表abc5
li>
101ul
>
102div
>
103<
p>asaaaadbc
p>
104105
<
div 
class
="size"
>
106<
ul>
107<
li><
a href
="#"
a>
li>
108<
li><
a href
="#"
a>
li>
109<
li><
a href
="#"
a>
li>
110<
li><
a href
="#"
>網易
a>
li>
111<
li><
a href
="#"
>考拉
a>
li>
112ul
>
113div
>
114115
<
form 
action
="">
116<
p>使用者名稱：
p><
input 
type
="text"
name
="">
117>
118<
textarea 
name
=""id
="ueser"
cols
="30"
rows
="10"
>
textarea
>
119form
>
120121
body
>
122html
>

11種常用css樣式之滑鼠列表和尺寸樣式學習

十五種CSS滑鼠樣式

CSS 常用列表樣式

css之常用樣式及display樣式

11種常用css樣式之滑鼠 列表和尺寸樣式學習

十五種CSS滑鼠樣式

CSS 常用列表樣式

css之常用樣式及display樣式

相關推薦

11種常用css樣式之滑鼠列表和尺寸樣式學習