html背景图片属性及浮动5

1.背景颜色 background-color:背景颜色;

颜色单词:red green blue...

三原色:red green blue alpha 透明

rgb(0,0,0) rgba(0,0,o,0)

取值范围

        rgb 0-255

          a    0-1

十六进制:取值范围#0-9 a-f

aabbcc缩写#abc

2.背景图片 background -image:ur1(“图片地址");

【注】图片默认重复

background-repeat:是否重复;

repeat               重复(默认值)

repeat-x            水平重复

repeat-y            垂直重复

no-repeat不重复

background:position:值1 值2:

两个值︰第一个值表示水平位置的值,第二个值:表示垂直的位置。

当两个值都是center的时候写一个值就可以代表的是水平位置和垂直位置

说明:向左方向,向上方向是负值背景属性的缩写语法:

background:属性值1 属性值2 属性值3:

背景缩写: background:url(背景图片的路径及全称)no-repeat center top #f00;

background-position:水平垂直;

left center right

top center bottom

px

【注】只写一个值,另一边居中

3.背景图的固定性{{background-atsachment:scroll(滚动)/fixed(固定);}

fixed固定,不随内容—块滚动;

scroll:随内容—块滚动。

4:浮动

1: float属性的应用

语法: float:none/left/right;

浮动的目的:就是让竖着的东西横着来

有三个取值:

left:元素活动浮动在文本左面

right:元素浮动在右面

none:默认值,不浮动。

2:浮动产生的布局影响

相同方向的浮动元素,先浮动的显示在前面.不同方向的浮动元素,左浮找左浮,右浮找右浮,浮动元素浮动之后的位置,由浮动元素浮动之前在标准流中的位置来决定.贴靠现象:如果浮动的最后一个元素超过了父元素的宽度,会自动找上一个元素贴过去;如果宽度还是不够;继续找上一个~如果父元素宽度还是不够的话,那就只能凑合呆着了,图文混排

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值