【CSS知识之 background-position 用法详细介绍】的更多相关文章

【转】图解CSS的padding,margin,border属性(详细介绍及举例说明)

W3C组织建议把所有网页上的对像都放在一个盒(box)中,设计师可以通过创建定义来控制这个盒的属性,这些对像包括段落.列表.标题.图片以及层.盒模型主要定义四个区域:内容(content).边框距(padding).边界(border)和边距(margin). 对于初学者,经常会搞不清楚margin,background-color,background-image,padding,content,border之间的层次.关系和相互影响.这里提供一张盒模型的3D示意图,希望便于你的理解和记忆.…

[转]图解CSS的padding,margin,border属性(详细介绍及举例说明)

图解CSS的padding,margin,border属性 W3C组织建议把所有网页上的对像都放在一个盒(box)中,设计师可以通过创建定义来控制这个盒的属性,这些对像包括段落.列表.标题.图片以及层.盒模型主要定义四个区域:内容(content).边框距(padding).边界(border)和边距(margin). 对于初学者,经常会搞不清楚margin,background-color,background-image,padding,content,border之间的层次.关系和相互影响…

图解CSS的padding,margin,border属性(详细介绍及举例说明)

图解CSS的padding,margin,border属性 W3C组织建议把所有网页上的对像都放在一个盒(box)中,设计师可以通过创建定义来控制这个盒的属性,这些对像包括段落.列表.标题.图片以及层.盒模型主要定义四个区域:内容(content).边框距(padding).边界(border)和边距(margin). 对于初学者,经常会搞不清楚margin,background-color,background-image,padding,content,border之间的层次.关系和相互影响…

Linux截屏工具scrot用法详细介绍

Scrot是Linux命令行中使用的截图工具,能够进行全屏.选取等操作,下面小编将针对Scrot截图工具的用法给大家做个详细介绍,通过操作实例来学习Scrot的使用.   在Linux中安装Scrot 在 Debian,Ubuntu 或 Linux Mint 上安装Scrot: $ sudo apt-get install scrot 在 Fedora 上安装Scrot: $ sudo yum install scrot 要在CentOS上安装Scrot,你可以按照下列步骤从源码编译: 首先在C…

CSS知识之 background-position 用法详细介绍

一.语法 background-position : length || length background-position : position || position 二.取值 length     : 百分数 | 由浮点数字和单位标识符组成的长度值. position  :  top | center | bottom | left | center | right 三.说明 设置或检索对象的背景图像位置. 必须先指定 background-image 属性. 该属性定位不受对象的补丁属…

CSS知识之 background-size 用法详细介绍

background-size是CSS3新增的比较实用的属性,使用它可以随心所欲地控制背景图的显示大小,而在css2中背景图的大小是不可控制的. 基本语法: 用于设置背景图片的大小,有2个可选值,第1个值用于指定背景图的width,第2个值用于指定背景图的height,如果只指定1个值得,则第2个值默认为auto: 初始值:auto: <length>由浮点数字和单位标识符组成的长度值,不可以为负值: <percentage>取值0%都100%之间的值: cover 把背景图像扩展…

CSS background-position 用法详细介绍

语法: background-position : length || length background-position : position || position 取值: length  : 百分数 | 由浮点数字和单位标识符组成的长度值.请参阅 长度单位  position  : top | center | bottom | left | center | right 说明: 设置或检索对象的背景图像位置.必须先指定 background-image 属性.该属性定位不受对象的补…

background-position 用法详细介绍

语法: background-position : length || length background-position : position || position 取值: length  : 百分数 | 由浮点数字和单位标识符组成的长度值.请参阅 长度单位  position  : top | center | bottom | left | center | right 说明: 设置或检索对象的背景图像位置.必须先指定 background-image 属性.该属性定位不受对象的补…

html meta标签用法详细介绍

meta是html语言head区的一个辅助性标签. 在页面中都有类似这样的html代码: <head> <meta http-equiv="content-Type" content="text/html; charset=gb2312"> </head> 一.meta标签的组成 meta标签共有两个属性,它们分别是http-equiv属性和name属性,不同的属性又有不同的参数值,这些不同的参数值就实现了不同的网页功能. 1.n…

Thinkphp中import的几个用法详细介绍

下面附上import的几个用法介绍 1.用法一 import('@.Test.Translate');@,表示项目根目录.假定根目录是:App/导入类库的路径是:App/Lib/Test/Translate.class.php结论:import('@')是相对于项目目录的Lib目录而言 2.用法二 import('Think.Test.Translate');Think,表示系统根目录.既是:./ThinkPHP/导入类库的路径是:./ThinkPHP/Lib/Test/Translate.cl…