@TOC
显示
隐藏
隐藏可以用两种:
- visibility: hidden; :隐藏段落仍然占用空间。
注:visibility: collapse; 对表格使用会隐藏该表格。
- display: none; :隐藏段落不占用空间。
display
内联元素不会换行,块状元素换行。
-
display: inline; :变为内联元素。
-
display:block; :变为块状元素。
-
display:inline-block; :内联+块状元素。
定位
-
position:absolute; :相对于最近的已定位父元素绝对位置,没有父元素则相对于<html>。
-
position:fixed; :固定位置,即使窗口是滚动的它不会移动。
-
position:relative; :相对于正常位置定位。
-
position:static; :静态不受top,bottom,left,right影响。
-
position:sticky; :基于用户的滚动位置来定位。粘性定位。
-
position:inherit;
浮动
浮动(float):会使元素向左或向右移动,其周围的元素也会重新排列。
-
float:left;
-
float:right;
-
float:none;
-
float:inherit;
clear:指定不允许元素周围有浮动元素。
-
clear:left;
-
clear:right;
-
clear:both;
-
clear:none;
-
clear:inherit;
布局(滚动条)
overflow:可以控制内容溢出元素框时在对应的元素区间内添加滚动条。
-
visible:默认,内容不会被修剪,会呈现在元素框之外。
-
hidden:内容会被修剪,并且其余内容是不可见的。
-
scroll:内容会被修剪,但是浏览器会显示滚动条以便查看其余内容。
-
auto:如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容。
-
inherit:规定应该从父元素继承overflow属性的值。
鼠标扫过样式
cursor