1,垂直居中
一)對父類元素設定display:table-cell
,這樣會使擁有
的屬性,這樣就可以設定
vertical-align:middle
讓單元格裡面上下對齊
2,水平居中:
一)對於塊級元素,設定自己的margin,使其margin:0 auto
讓左右對齊
二)對於內聯元素,在父類元素設定其下面的text對齊方式是align。
三)對於文字,設定與其相等的行高來使得文字對齊。height: 50px;
line-height: 50px; background: green;
3,trasition一般要用到絕對定位.
css html元素種類
一 塊級元素 block 定義 預設情況下,獨佔一行的元素就是塊級元素。特點 二 內聯元素 inline 定義 內聯元素,也叫行內元素。預設情況下,和其他元素在同一行上,並且元素的高度 寬度等不能設定的元素就是內聯元素。特點 三 內聯塊狀元素 inline block 定義 預設情況下,和其他元素在...
通過dom改變css,html
控制代碼dom監聽事件 document.getelementbyid btn addeventlistener click function doctype html html lang en head meta charset utf 8 meta name viewport content w...
css html實現變幻選單
變幻選單效果 當滑鼠移動到選單上相應位置時,該位置的中文變成英文。主要使用了css來控制樣式。如下 1 2348 4950 5758 59 主要使用的小技巧有 1 如果將英文和中文分別放在兩個鏈結裡會很麻煩,所以這裡將所有的英文放在了span標籤裡面,這樣可以統一控制。2 當滑鼠移到相應位置時中文消...