CSS文本、字体和背景图样的基本样式设置.docx

《CSS文本、字体和背景图样的基本样式设置.docx》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、二、CSS文本、字体和背景图样的基本样式设置：1、font-family：字体属性设置。可以同时为页面设置多个字体，当浏览器找不到第一个字体时会寻找第二个字体，依次进行，直到找到可用的字体。语法如下：P{font-family:字体1，字体2，字体3；}2、font-size:字号属性设置。在网页中一般最小的字号就是12px；另外12px也是网页设计中通用默认的字体大小。语法如下：P{font-size:12px;}3、font-style:字体风格属性设置。一般有正常字体、斜体和倾斜。语法如下：P{font-style:italic;}4、font-weight:字体粗细属性设置。一般有

2、正常、加粗、加更粗、更细、特定值等。语法如下：P{font-weight:bold;}5、复合属性font：使用font作为属性名称，后接各个属性值。注意各个属性值之间用空格分开，通常不采用简写的模式。语法如下：p{font:itaticbold12px‘宋体‘，Arail,Tabhoma,sans-serif;}6、color:文本颜色属性设置。语法如下：p{color:red;}或者p{color:#ffffff;}7、text-decoration:文本修饰属性设置。一般有无文本修饰、下划线、上划线、删除线等。语法：text-decoration:none

3、underline

4、ove

5、rline

6、line-through8、line-height:文本行距属性设置。语法：p{line-height:30px;}9、text-indent：文本缩进属性设置。常用单位是px或者em语法：p{text-indent:2em;}10、text-align：文本水平对齐设置。一般有左对齐、右对齐、居中、两端对齐。语法：text-align:left

7、center

8、right

9、justify；11、vertcal-align:文本垂直对齐设置。一般有顶部对齐、底部对齐、上下居中。语法：vertical-align:top

10、bottom

11、middle；12、word-spacing:

12、字词间隔属性设置。语法：word-spacing:normal

13、length；13、letter-spacing:字符间隔属性设置，用来改变字符间的标准间隔。语法：letter-spacing:normal

14、length；14、background-color:背景颜色属性设置.一般可以用英文颜色名或RGB数字。语法：backgroung-color:red

15、#ffffff;15、background-image:背景图片设置。只能是url不能是src/href语法：background-image:none

16、url;16、background-repeat:背景图重复设置。一般有不重复、

17、横向重复、纵向重复等语法：background-repeat:repeat

18、no-repeat

19、repeat-x

20、repeat-y;17、Background-position:背景图定位设置。可以是像素值、具体方位或是百分比。语法：background-position:10px30px

21、left/right/center/top/bottom

22、30%50%;18、Background-attachment:背景图滚动设置。语法：background-attachment:scroll

23、fixed;19、background:背景图简写设置。改样式为背景设置的简写，其属性值有多个值组成，

24、值与值之间用空格隔开。语法：background:colorurl()positionrepeat;