一些CSS的笔记

1.margin

margin:0 auto 是指上下的值为0,左右的值为auto;

margin:auto是指上右下左的值全都auto,即都是自适应的;
margin:0; 这个是上右下左的值都为0;

2.vertical-align

vertical-align 属性设置元素的垂直对齐方式。

vertical-align 属性只能用于 行内元素 和 置换元素(例如 图像和表单输入框) ,此属性不继承。

3.text-align

text-align: 设置元素水平对齐方式 left ;center ;right;

例子:使input文本框中文字居中:

注意:需要设置宽度,text-align:center;才生效。

例如:

width: 60px;

text-align:center;

4.line-height

line-height: 设置文本的行高;(height和line-height一样时,文字垂直居中)

5.text-decoration:设置文本的装饰。属性值如下:

underline:定义文本下划线

overline:定义文本上划线

line-through:定义穿过文本的一条线

6.list-style-type:

无序列表: disc 实心圆(默认); circle 空心圆; square 实体方心;none  无列表标记;

有序列表: 1 / a / A / i / I;

7.background-color:transparent;

把input 输入框设置成透明的背景:background-color:transparent;

8.letter-spacing

1.letter-spacing属性是增加(正值)或减少(负值)字符间距;

2.对于英文就是增加或减少每个字母之间的间距,对于中文就是每个文字之间的间距;

3.注意:letter-spacing属性会使元素最后一个字符后面也存在letter-spacing的值。

你可能感兴趣的:(css,笔记,前端)