CSS总结-----常用背景相关
2017-09-20 20:52
281 查看
1.背景颜色:background-color
取值:1.具体单词
2.rgb:三原色
3.rgba:三原色+透明度
4.十六进制
名称 | 格式 |
---|---|
具体单词 | red…. |
三原色 | (0,0,0) |
rgba | (0,0,0,0) |
十六进制 | ffffff |
2.背景图片:background-image
格式:background-image:url(images/aa.jpg);
注意:
1.背景图片的地址必须放在URL中,可以是本机,也可以是外面的
2.图片没有标签大时会自动平铺。
3.背景图片不会占位置,插入图片会
4.背景图片可以定位,插入图片不行
3.背景平铺:background-repeat
取值:名称 | 格式 | 解释 |
---|---|---|
默认 | repeat | 水平垂直都有 |
默认不需要 | no-repeat | 水平垂直都不需要平铺 |
水平平铺 | repeat-x | 水平方向 |
垂直平铺 | repeat-y | 垂直方向 |
4.背景定位background-position
格式:background-position:水平方向 垂直方向; //1.注意,这里有两个值,水平和垂直
取值:
名称 | 格式 | 解释 |
---|---|---|
具体单位 | xpos ypos | 任何C aca4 SS单位都可 |
方位词 | 用具体的方位词 | 用具体的方位词 |
百分比 | x% y% | 相对百分比 |
水平:left center right
垂直:top center bottom
//只写一个另外一个默认center
//同时存在颜色和图片时,图片覆盖颜色
5.背景属性连写
background:背景颜色 背景图片 平铺方式 关联方式 定位方式
//任何属性都可以省略
6.背景关联:background-attachment
取值:名称 | 格式 | 解释 |
---|---|---|
默认 | scroll | 随滚动条 |
滚动 | fixed | 不随滚动条 |
7.总结
回家写完博客就快九点了~~每天还得赶早上班~~
相关文章推荐
- 初识CSS--常用元素总结(四)-边框与背景
- Javascript中字符串相关常用的使用方法总结
- px,pt,ppi,dpi,dp,sp,em,rem,vw和vh等css中常用长度之间区别总结
- MySQL 常用相关总结
- Web开发(初级)- 常用css总结,方便查询
- 对于LINUX中常用压缩格式以及相关命令的总结
- css清除浮动float的七种常用方法总结和兼容性处理
- 常用CSS缩写语法总结
- 常用CSS缩写语法总结
- 常用网站及css动画部分总结
- CSS在项目中常用的属性总结
- CSS常用背景图片定位方法
- 常用CSS缩写语法总结
- 常用出错总结一(空字段相关)
- Servlet常用API以及相关总结
- JavaScript第六章知识点总结——JavaScript常用DHTML对象 Document相关对象 事件处理
- 常用CSS缩写语法总结
- java学习基础篇之WEB开发中常用Jsp/Bean相关技术总结(转)
- 常用CSS缩写语法总结及缩写的原因
- css 常用总结