css3 對齊 分類 導航欄

2021-07-09 08:21:22 字數 799 閱讀 1118

1 對齊操作

.div

line-height 行高

max-height

max-width

min-width

min-height

width

height

2 分類操作

屬性:

clear——設定乙個元素的側面是否允許其他的浮動元素

cursor——規定當指向某個元素之上時顯示的指標型別

display——設定是否及如何顯示元素 (可以讓列表顯示在一行中:

display: inline; //用來做選單導航欄

) float——定義元素在哪個方向浮動

visibility——設定元素是否可見或不可見

3 導航欄

垂直導航欄:

href="#">導航1a>

li>

href="#">導航2a>

li>

href="#">導航3a>

li>

href="#">導航4a>

li>

ul>

css3:

ula:link,a:visited

/*hover是指滑鼠放在a標籤上的時候*/

a:active,a:hover

水平導航欄:

只需要把第乙個display刪除,在li屬性新增   display:inline
就會出現水平導航欄的效果

CSS對齊 尺寸 分類 導航欄

body container right style head class container class right 注釋 b 當使用position屬性進行對齊時,請始終包含 doctype宣告!如果省略,則會在ie瀏覽器中產生奇怪的結果。p div div body html 有以下幾個屬性可...

CSS布局 三 對齊方式

如果被設定元素為文字 等行內元素時,在父元素中設定text align center實現行內元素水平居中,將塊級元素的display設定為inline block,使塊級元素變成行內元素,也可以水平居中。demo 1.當被設定元素為定寬塊級元素時用 text align center 就不起作用了。...

CSS3 多欄布局

lang en charset utf 8 多欄布局title type text css div font face pstyle head 師傅說分手的範圍二日調皮哦,vb。每次vb。形成率及辦理交付的公路冬日託誒如同一 大家分工 水電費根據拉絲看得見覅烏爾偶然拋棄婆婆攻破對方頗高。吧,v 看了...