带来一篇CSS教程:背景background属性使用
属性值就追加上去，重复的属性值就以最后一个为准。这里要注意的是，样式的先后不是根据页面上应用的名字顺序，而是样式表里的样式顺序。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
标准的选择器不能格式化一个元素内容的第一个字母或者第一行，而伪元素选择器能实现 运动)时间轴面板--拖动关键帧--单击整条--将鼠标移至中间一点--右击选择增加关键帧--移动中间关键帧的图层--勾选自动播放,循环 Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH，专业网页图像设计软件FIREWORKS，并称为“网页三剑客”。 Dreamweaver在所见即所得添加链接，也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈，用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。 这个过程其实就是交流的过程。所有的这些都需要花时间。在面对完全陌生的软件时，就要多花时间对其产生初步的印象。此外，多操作也是非常重要的。 滚动条)层属性--溢出(visible/hidden/scroll/auto) 在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。 帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。 由CS4 版本开始，则转用WebKit 排版引擎（亦即Google Chrome和Apple Safari浏览器所用的排版引擎）作为网页预览。
页:
[1]