零基础建站培训介绍

当前位置:

CSS background 背景样式总结

背景样式在制作网站过程中经常使用到。以下是CSS background 背景样式经常使用到的几种样式:

  • 背景属性以及背景位置的控制:
    1、background-position:水平方向,竖直方向。
    2、Background-attachment:背景的滚动。属性设置背景图像是否固定或者随着页面的其余部分滚动。

    body{ background-image: url(bgimage.gif); background-attachment: fixed; }
  • transparent:背景的透明
    transparent表示透明无颜色
    none 表示没有设置背景图片
    repeat 表示图片重复
    scroll 表示背景图片随浏览器下拉而滚动
    0%水平位置在x0
    0%垂直位置在y0
  • 背景属性的设置顺序:
    背景属性:背景颜色 背景图片 背景是否重复 背景时候随浏览器滚动 背景平位置 背景垂直位置

    background : background-color || background-image || background-repeat || background-attachment || background-position
  • transform变形  ---rotate转动
    Li:hover dt{ -moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-webkit-transition: all ease-in-out .5s;-moz-transition: all ease-in-out .5s;}
    div{transform:rotate(7deg);
    -ms-transform:rotate(7deg); /* IE 9 */
    -moz-transform:rotate(7deg); /* Firefox */
    -webkit-transform:rotate(7deg); /* Safari、Chrome */
    -o-transform:rotate(7deg); /* Opera */
    }
上一课: 下一课:

发表评论

电子邮件地址不会被公开。 必填项已用*标注

相关教程

  • 弹性盒布局模型(Flexible Box Layout)是 CSS3 规范中提出的一种新的布局方式。该布局模型的目的是提供一种更加高效的方式来对容器中的条目进行布局
  • Animate动画名称大全 (146041 次学习)
    animate.css 是一个来自国外的 CSS3 动画库,它预设了抖动(shake)、闪烁(flash)、弹跳(bounce)、翻转(flip)、旋转(rotateIn/rotateOut)、淡
  • 相对定位(relative)是指在其正常的位置上偏移;使用相对定位时,移动后,它原来占的位置不会被其它元素占用。相对定位的语法:div{positi
  • CSS中的ZOOM:1作用是什么 (11467 次学习)
    我们学习CSS3视频教程时,做网站经常会看到CSS代码里会有一个ZOOM:1,删除ZOOM:1属性对网页却没有任何影响。那么ZOOM:1到底有什么作用呢?下面就跟
  • 在我们日常的编码中经常会遇到这段文字不可以换行,或者自动换行的需求。虽然这个功能在我们平时很常见但是我相信大家一定不会可以的去记住它吧。今
  • 在CSS3中使用display来定义盒的类型,一般分为block类型和inline类型。像p,div属于block类型,span,a属于inline类型。1、使用inline-block类型来横向
  • *{margin: 0; padding: 0}的作用*{margin: 0; padding: 0}作用是Reset(重置)浏览器默认样式,对于各浏览器样式统一的话有着简单粗暴的效果。* 这
  • CSS3新增选择器有哪些 (141799 次学习)
    css1-css3提供非常丰富的选择器,但是由于某些选择器被各个浏览器支持的情况不一样,所以很多选择器在实际css开发中很少用到。(相关教程:CSS3视频教
  • 学习了网站制作课程的学员都知道,网站的样式都是受CSS来控制的。下面是控制的CSS样式代码:强制不换行div{white-space:nowrap;}自动换行
  • 在自己建网站时,CSS是控制网站各类样式的文件,CSS全部是英文,为了方便学建网站新手使用CSS,下面是学做网站论坛总结的常用CSS英文汉语词汇对照表.