网页制作基础教程(五)-css样式(-)

  • 编辑时间: 2014-05-06
  • 浏览量: loading
  • 作者: 段亮

在上一节《网页制作基础教程(四)-css语法》教程中,我们简单的了解CSS的基础语法,以及CSS的几种链接形式。那今天我们就一起深入学习,css样式-背景属性、文本属性。

一、CSS背景属性

background 是简写属性,它包含5个基本属性,分别是:

<1>background-color: 规定要使用的背景颜色

属性:#fff,red,rgb(235,235,235)三种属性值


<2>background-position: 规定背景图像的位置

属性:(top center),30px 40px,x% y%三种属性值,第一个是水平位置,另一个是垂直位置。


<3>background-attachment:背景图像是否固定或者随着页面的其余部分滚动

属性: scroll默认值 fixed固定 inherit继承父元素background-attachment 属性的设置。


<4>background-repeat:规定如何重复背景图像

属性:repeat-x(X轴平铺) repeat-y(Y轴平铺) no-repeat(不平铺)


<5>background-image:把图像设置为背景

属性:url("图片的链接地址")


二、文本属性

在文本属性中一般有这6个属性:

<1>文本的颜色

color:red,#fff,rgb(255,255,255)


<2>字符间距

letter-spacing: 20px文字中间相距20像素


<3>行间距

line-height 属性设置行间的距离(行高)。


<4>对齐文本

3种文本对齐方式:text-align: center/left/right


<5>装饰文本

text-decoration

none 默认。定义标准的文本。

underline 定义文本下的一条线。

overline 定义文本上的一条线。

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

blink 定义闪烁的文本。

inherit规定应该从父元素继承 text-decoration 属性的值。


<6>对文本进行缩进

text-indent:20px将段落的第一行缩进20像素

写在最后:根据背景的基础属性,我们一般可以简写成:background:url("images/banner,jpg") top center no-repeat;这样写的好处可以简化代码,提升网页的打开速度。在文本属性中颜色值#ffffff.可以简写成#fff;(每两个相同的字母才可以简写哟!比如:#ff3366;简写成#:f36;)

本文由段个人博客原创出品,转载请注明出处

本文出处:http://www.duanliang920.com/learn/web/jc/216.html

如果您觉得文章对你有帮助,可以进行打赏。
打赏多少,您高兴就行,谢谢您对段亮这小子的支持! ~(@^_^@)~

微信扫一扫 微信打赏

支付宝扫一扫 支付宝打赏

评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)

你也想建立一个独立博客?

你是否也想打造一个在互联网上的个人品牌,成为一个家喻户晓的人物呢?
请点击了解 怎样创建个人博客