【复习笔记】CSS基础

外观

color:rgba(255,255,255,1)，a表示alpha，透明度值0~1

font-family:字体1,字体2,字体3;确保某字体不存在时自动选择下一个，最好使用字体的英文名称保证浏览器识别

background-position，单独left或right（或使用指定偏移像素px）默认带center属性

text-indent首行缩进量基于父元素宽度

letter-spacing表示字之间的间距，word-spacing表示单词（英文）之间的间距

direction会文本书写方向，位置偏移，字顺序不变，标点符号方向变化

border-top/bottom/left/right-style分别定义边框样式

CSS参数一般三个值时表示：上、（左、右）、下

list-position可设置自带标记在文本内或文本外

 

布局定位

position:

1、absolute生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位（最近的不是默认static定位的父元素）

2、relative 生成相对定位的元素，相对于其正常位置进行定位

3、fixed 生成绝对定位的元素，相对于浏览器窗口进行定位

top、left、right、bottom在position为static（默认）情况下无任何效果

★定位要少用，能不能就尽量不用，问题有点多

 

内联元素（inline）：padding和margin-left/right是可以撑大内联元素的

内联块元素（inline-block）： 表现为同行显示并可修改宽高内外边距等属性， 将<li>元素加上display:inline-block样式，原本垂直的列表就可以水平显示了

 

浮动（float）：

浮动元素会生成一个块级框，而不论它本身是何种元素

元素的水平方向浮动，意味着元素只能左右移动而不能上下移动。

一个浮动元素会尽量向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。

浮动元素之后的元素将围绕它。

浮动元素之前的元素将不会受到影响。