CSS 分组与嵌套
分组选择器
在样式中,我们可能有很多元素拥有同样的样式,我们可以使用分组选择器将它们一次性定义出来。每个选择器用逗号分隔。
嵌套选择器
它适用于选择器内部的选择器样式。
CSS Dimension (尺寸)
CSS中允许我们控制元素的宽高,属性大致包括以下;
- height,元素的高度;
- line-height,行高;
- max-height,最大高度;
- min-height,最下高度;
- width,宽度;
- max-width,最大宽度;
- min-width,最小宽度;
CSS Display (显示)
此属性就是控制元素是否显示的。隐藏元素有两种表示方式;
visibility:hidden,元素隐藏了但是仍然占用空间;
display:none,元素隐藏了且不占用空间;
display属性还有两个值;
display:inline,将元素显示为内联元素,即不换行;
display:block,将元素显示为块元素,换行;
CSS Positioning(定位)
定位就是以什么为参照物的问题,比如相对布局以某个已知的元素为参照物,或者绝对布局等等,参照物的不同决定了元素位置的不同。它有四种定位方式:static、relative、fixed、absolute。如position:static;
static
html的默认值,即没有定位,元素出现在正常的流中,静态定位不会收到top、left、bottom、right等的影响;
relative
元素相对于浏览器窗口位置的定位,即使窗口是滚动的它也不可移动。
fixed
是相对其正常位置的定位。
absolute
绝对定位的元素的位置相对于最近的已定位父元素,如果元素没有已定位的父元素,那么它的位置相对于<html>:
overflow
属性规定当内容溢出元素框时发生的事情。
overflow:scroll; 表明多出的空间可滑动查看;
overflow:hidden; 表明隐藏多出的控件部分;
CSS Float(浮动)
CSS Align(对齐)
文本对齐请参照
另外我们可以通过margin、position、float设置块对齐