背景,尺寸及显示的相关属性
来源:互联网 发布:seo超级外链工具 编辑:程序博客网 时间:2024/05/17 04:23
背景相关的属性
<style>
body{
background-color:maroon;
background-image:url("../chapter2/2.jpeg");
background-repeat:no-repeat;
background-position:top;
}
</style>
background-color:背景色
background-image:设定背景图片,需要设置图片的url地址
background-repeat:图片的复制
no-repeat:不重复平铺
repeat-x: 水平方向重复平铺
repeat-y: 垂直方向重复平铺
repeat: 默认值,在水平和垂直方向重复平铺
round: 自动缩放直到适应且填充满整个容器
background-position:图片的位置
也可以将这一组属性值封装到一个属性background中,书写顺序是:
背景色:background-color
背景图片:background-image
重复方式:background-repeat
位置:background-position
使表达更加简洁:
background:greyurl("../chapter2/2.jpeg")no-repeat right;
尺寸相关属性
height:高度
width:宽度
<styletype="text/css">
div{
width: 200px;
height: 200px;
background-color:brown;
}
</style>
max-width: 最大的宽度
max-height:最大的高度
min-width: 最小的宽度
min-height:最小的高度
显示相关属性
隐藏元素的方法:
(1)visibility:hidden,仅仅隐藏内容,该元素所占位置依然存在;
(2)display:none,不仅隐藏内容,并且位置也消失了。
display可以设置元素的显示模式
Inline:将块级元素以内联元素形式显示,此时width和height属性无效,其空间取决于元素的内容。
inline-block:将块级元素以内联元素形式显示,同时兼具块级元素的某些特征,比如可以使用width和height设置所占位置大小。
<styletype="text/css">
li{
display: inline-block;
width: 200px;
background-color:blue;
}span{
display: block;
}
</style>
也可以将内联元素以块级元素形式来显示,即display:block。
- 背景,尺寸及显示的相关属性
- CSS背景属性 尺寸属性 显示属性 定位及选择器
- CSS背景的相关属性
- css样式字体相关属性及背景相关属性
- 6、尺寸和定位的相关属性
- 尺寸相关属性
- CSS背景、尺寸、显示、盒子模型以及元素的定位
- css3 背景相关的新增属性
- 背景相关属性
- 浅谈JavaScript元素的尺寸和位置相关属性
- css的背景及背景图片的属性
- CSS3背景相关新增属性
- 3、背景、边框和边框的相关属性
- destoon中自定义字段的前台显示,及修改相关属性
- float属性导致父容器背景的显示不正确
- 一、相关理论及背景
- 一、相关理论及背景
- CSS颜色及背景属性
- 域名解析中的cname解析和显性URL跳转和隐性URL跳转三者有什么区别
- button drawableLeft 加上动画效果
- Convert excel to xml
- exception in initAndListen: 29 Data directory /data/db not found., terminating
- 【MyBatis学习01】宏观上把握MyBatis框架
- 背景,尺寸及显示的相关属性
- 添加一个桥设备——br_add_bridge(二)
- 【二叉树】后序遍历【Add to List 145. Binary Tree Postorder Traversal】
- Jenkins+Tomcat + Gradle + Tinker + Walle + 360加固 + fir.im 持续集成,自动构建
- Kettle生成0到10随机数
- jquery动态添加删除div 新添加的为什么删不掉
- gets()和scanf的区别
- 程序员接私活儿注意事项
- Servlet Jsp三天速成大纲