css学习笔记1

css样式属性（背景、文档、字体）

前端三层

/宽度/
width: 700px;
/高度/
height: 600px;
/背景颜色/
background-color: yellow;
/背景图片/
background-image: url(img/MJ.gif);
/*背景重复
no-repeat 不重复
repeat-x 水平平铺
repeat-y 垂直平铺
* */
background-repeat: no-repeat;
/*背景定位
center center（中间） 水平垂直居中
right（右） bottom（下） 右下角
left（左） top （上）

			还可以用数字 200px 200px
			 还可以用数字30% 20%
			 * */
			background-position:30% 20%;    position位置
			/*background-attachment: fixed;*/    attachment 固定依附

可以连续 添加属性
Demo

background: yellow url(img/MJ.gif) no-repeat 100px 200px;

文本样式

/首行缩进/
text-indent: 40px;
/实现两端对齐的效果/
text-align: justify;
/normal/
/word-spacing:-60px;/
/转大写/
/text-transform: uppercase;/
/转小写/
text-transform: lowercase;
/首字母大写/
text-transform: capitalize;
/*none 无样式
underline 下划线
overline 上划线
line-through 中划线
*/
text-decoration: blink;
height: 200px;
width: 200px;
background-color: yellow;
/水平对齐center left right justify/
text-align: center;
/取消下划线/
text-decoration: none;

字体样式

font-family 定义文本的字体系列
Demo
body {font-family: sans-serif;}

font-style 属性最常用于规定斜体文本。
normal - 文本正常显示
italic - 文本斜体显示
oblique - 文本倾斜显示
Demo2
p.normal {font-style:normal;}
p.italic {font-style:italic;}
p.oblique {font-style:oblique;}
font-weight 属性设置文本的粗细
font-size 属性设置文本字体大小i
可以使用 em 来设置字体大小
1em 等于当前的字体尺寸。如果一个元素的 font-size 为 16 像素，那么对于该元素，1em 就等于 16 像素。在设置字体大小时，em 的值会相对于父元素的字体大小改变。
浏览器中默认的文本大小是 16 像素。因此 1em 的默认尺寸是 16 像素。
可以使用下面这个公式将像素转换为 em：pixels/16=em
font 简写属性。作用是把所有针对字体的属性设置在一个声明中。
font-size-adjust 当首选字体不可用时，对替换字体进行智能缩放。
font-stretch 对字体进行水平拉伸。
font-style 设置字体风格。
font-variant 以小型大写字体或者正常字体显示文本。