仓酷云

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

[DIV+CSS] 带来一篇CSS教程:背景background属性使用

[复制链接]
飘灵儿 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 23:59:09 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

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

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

x
属性值就追加上去,重复的属性值就以最后一个为准。这里要注意的是,样式的先后不是根据页面上应用的名字顺序,而是样式表里的样式顺序。
poluoluo文章简介:背景background:background-image:url("图片的网址");背景图background:url("图片的网址");背景.background-color:#色码;背景致彩.
背景background

CSS申明
background-image:url("图片的网址");背景图
background:url("图片的网址");背景
background-color:#色码;背景致彩

Exp:
background-image:url(背景图案.jpg,gif,bmp);
background-color:#FFFFFF;
background-color:transparent;<--设定背景为通明色

--------------------------------------------------------------------------------

background-repeat改动背景图片的反复并排的设定

css
申明
repeat背景图片并排
repeat-x背景图片以X偏向并排
repeat-y背景图片以Y偏向并排
no-repeat背景图片不以并排的体例处置

Exp:
background-image:url("http://www.webjx.com/xx.gif");
background-repeat:no-repeat;
以http://www.webjx.com/xx.gif这张图片为背景,当图片巨细不敷的时分,不并排反复

--------------------------------------------------------------------------------

background-attachment是不是流动图片地位

css
申明
scroll拉动卷轴时,背景图片会随着挪动(缺省值)
fixed拉动卷轴时,背景图片不会随着挪动

Exp:
background-image:url("http://www.webjx.com/xx.gif");
background-repeat:no-repeat;
background-attachment:fixed;
以http://www.webjx.com/xx.gif背景图片不反复并列,且不随卷轴挪动

--------------------------------------------------------------------------------

以长度定位background-position:xy
利用百分比定位background-position:x%y%

css
申明
x%往右移
y%往下移
backgroud-position:0%0%;右边上方
backgroud-position:0%50%;右边两头
backgroud-position:50%0%;两头上方
backgroud-position:50%50%;正两头
backgroud-position:100%0%;右侧上方
backgroud-position:0%100%;右边下方
backgroud-position:100%50%;右侧两头
backgroud-position:50%100%;两头下方
backgroud-position:100%100%;右侧下方

以关头字定位
关头字申明
top上(y=0)
center中(x=50,y=50)
bottom下(y=100)
left左(x=0)

Exp:
background-position:center;
图片在指定背景中心X=50%Y=50%地位
background-position:200px30px
标准的选择器不能格式化一个元素内容的第一个字母或者第一行,而伪元素选择器能实现
飘灵儿 该用户已被删除
沙发
 楼主| 发表于 2015-1-17 23:52:08 | 只看该作者
运动)时间轴面板--拖动关键帧--单击整条--将鼠标移至中间一点--右击选择增加关键帧--移动中间关键帧的图层--勾选自动播放,循环
透明 该用户已被删除
板凳
发表于 2015-1-26 23:01:33 | 只看该作者
Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH,专业网页图像设计软件FIREWORKS,并称为“网页三剑客”。
小妖女 该用户已被删除
地板
发表于 2015-2-5 03:32:43 | 只看该作者
Dreamweaver在所见即所得添加链接,也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈,用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。
兰色精灵 该用户已被删除
5#
发表于 2015-2-11 03:57:45 | 只看该作者
这个过程其实就是交流的过程。所有的这些都需要花时间。在面对完全陌生的软件时,就要多花时间对其产生初步的印象。此外,多操作也是非常重要的。
莫相离 该用户已被删除
6#
发表于 2015-3-1 21:26:23 | 只看该作者
滚动条)层属性--溢出(visible/hidden/scroll/auto)
谁可相欹 该用户已被删除
7#
发表于 2015-3-11 01:24:25 | 只看该作者
在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。
再见西城 该用户已被删除
8#
发表于 2015-3-17 18:10:34 | 只看该作者
帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。
小魔女 该用户已被删除
9#
发表于 2015-3-24 20:53:08 | 只看该作者
由CS4 版本开始,则转用WebKit 排版引擎(亦即Google Chrome和Apple Safari浏览器所用的排版引擎)作为网页预览。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2024-12-22 23:00

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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