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 以小型大写字体或者正常字体显示文本。