字体、背景图片样式

来源:互联网 发布:手机发射激光软件 编辑:程序博客网 时间:2024/05/21 17:08

一、文字样式

1、让文字横向居中

text-align: center;//注意:对块级元素无效,对脱标元素无效

2、文字纵向居中

line-height:父元素的高度;

3、font系列(font-size、font-family……)

4、文字颜色

color:red;//注意:不是font-color:red;

二、背景图片

1、背景图片

background-image: url(../img/sprite-photo-search.png);//如果img文件夹和css文件夹在同一级,用相对路径一定要加"../"

2、背景图片平铺方式

background-repeat:值:(no-repeatrepeat-x、repeat-y)//用的比较多的是no-repeat,让一张比较小的图片进行平铺,这样加载数据就可以比较快一点

3、背景图片位置

background-position:x轴的值,y轴的值;//一般用于i标签,从一张大图中选取其中一个小的图标用这个

a标签的target属性的四歌值:_selef:在新窗口打开(默认,与_blank差不多)
_parent:在父窗口打开
_blank:在新窗口打开
_top:在框架的顶部打开
只有在用框架的时候才会用到。