仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 695|回复: 8
打印 上一主题 下一主题

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

[复制链接]
跳转到指定楼层
楼主
发表于 2015-1-16 00:18:54 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

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

文本色彩(关头字)
文本色彩(#rrggbb)
文本色彩[rgb(rr,gg,bb)]
文本色彩[rgb(r%,g%,b%)]
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在所见即所得添加链接,也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈,用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。
深爱那片海 该用户已被删除
5#
发表于 2015-2-7 18:59:30 | 只看该作者
使用所见即所得的接口,亦有HTML编辑的功能。它现在有Mac和Windows系统的版本。原本由Macromedia公司所开发。
若天明 该用户已被删除
6#
发表于 2015-2-23 08:52:50 | 只看该作者
Dreamweaver由MX版本开始使用Opera软件公司的排版引擎“Presto”作为网页预览。
海妖 该用户已被删除
7#
发表于 2015-3-7 07:49:26 | 只看该作者
在刚开始接触网页的第一堂课上,听说网页制作会是一门很无聊并且很难听懂的过程,而事实却印证了这样一个事实。
变相怪杰 该用户已被删除
8#
发表于 2015-3-14 18:49:26 | 只看该作者
在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。
再见西城 该用户已被删除
9#
发表于 2015-3-21 14:56:18 | 只看该作者
每天上网看着那样多的网页,于是我才下定决心选择了网页制作这一门课程,目的就是希望以后能够做出一个完美的网页来。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-12-23 06:48

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表