仓酷云 发表于 2015-1-16 00:18:54

来讲讲:CSS语法手册(五)色彩和背景属性

使页面的字体变得更漂亮,更容易编排,使页面真正赏心悦目。
<P>1、color
功效:设置远景或元素的色彩。
数值:利用色彩关头字或RGB值。
例子:

文本色彩(关头字)
文本色彩(#rrggbb)
文本色彩
文本色彩
2、background-color
功效:设置页面或页面元素的背景色彩。
数值:
色彩-可用色彩名或RGB值
transparent-通明,使页面背景为缺省背景。
例子:

背景色彩

3、background-image
功效:界说背景图形。
数值:
none-不必图形作背景
url-供应图形文件的URL地点
申明:也能够包含background-color属性以便在找不到图形时期用
例子:

图形背景

4、background-repeat
功效:把持图形背景是不是反复分列。
数值:
repeat-垂直和程度反复,缺省值
repeat-x-程度反复
repeat-y-垂直反复
no-repeat-不反复
申明:这个属性和background-image和background-position属性一同利用。
例子:

程度反复分列

5、background-attachment
功效:指定元素的背景是随元素一同转动仍是流动在页面某个地位上。
数值:
scroll-随元素一同转动
fixed-流动
申明:
缺省值是scroll,这个属性和background-image属性一同利用。
6、background-position
功效:用于在空间中定位元素背景
数值:
长度-绝对或相对单元设置元素框边沿的出发点,并给出单元下的坐标。
百分比-用百分比暗示框边沿上扫瞄器入手下手放图的地位。能够反复这个值也供应垂直和程度出发点
垂直地位-设置竖直偏向的出发点,关头字为top,center,bottom
程度地位-设置程度偏向的出发点,关头字left,center,right
比方:topleft,lefttop和0%0%都暗示图形左上角从元素框左上角入手下手
例子:

Body{background-image:url(logo.gif);background-position:50%50%}
这个语句将Body基础类设置为背景图形在页面上居中显现。
7、background
功效:简写属性,能够设置一切背景属性。
数值:
background-attachment
background-color
background-image
background-position
background-repeat
有打开述数值的细节,见各个属性部分。




所有的设计第一步就是构思,构思好了。

透明 发表于 2015-1-18 06:02:07

Dreamweaver由MX版本开始使用Opera软件公司的排版引擎“Presto”作为网页预览。

爱飞 发表于 2015-1-24 16:23:22

是当我和赵丽芬崔明艳老师进行交流后,很快就了解了还不太清楚的内容和并不了解的知识(像布局表格、绘制布局单元格等)。

山那边是海 发表于 2015-2-2 11:14:47

Dreamweaver在所见即所得添加链接,也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈,用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。

深爱那片海 发表于 2015-2-7 18:59:30

使用所见即所得的接口,亦有HTML编辑的功能。它现在有Mac和Windows系统的版本。原本由Macromedia公司所开发。

若天明 发表于 2015-2-23 08:52:50

Dreamweaver由MX版本开始使用Opera软件公司的排版引擎“Presto”作为网页预览。

海妖 发表于 2015-3-7 07:49:26

在刚开始接触网页的第一堂课上,听说网页制作会是一门很无聊并且很难听懂的过程,而事实却印证了这样一个事实。

变相怪杰 发表于 2015-3-14 18:49:26

在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。

再见西城 发表于 2015-3-21 14:56:18

每天上网看着那样多的网页,于是我才下定决心选择了网页制作这一门课程,目的就是希望以后能够做出一个完美的网页来。
页: [1]
查看完整版本: 来讲讲:CSS语法手册(五)色彩和背景属性