背景 图片显示CSS样式集合+注释

html-css019

背景 图片显示CSS样式集合+注释,第1张

这是我用的图片样式参考,你可以在有用的地方用。

/*-==背景图片样式==-*/

/* 平铺 */

.uxjy_ltth_jofi1{background-position:left top}/* 左上 */

.uxjy_ltth_jofi2{background-position:left}/* 左中 */

.uxjy_ltth_jofi3{background-position:left bottom}/* 左下 */

.uxjy_ltth_jofi4{background-position:center top}/* 中上 */

.uxjy_ltth_jofi5{background-position:center}/* 中中 */

.uxjy_ltth_jofi6{background-position:center bottom}/* 中下 */

.uxjy_ltth_jofi7{background-position:right top}/* 右上 */

.uxjy_ltth_jofi8{background-position:right}/* 右中 */

.uxjy_ltth_jofi9{background-position:right bottom}/* 右下 */

/* 横向平铺 */

.uxjy_ltth_jofi_x1{background-repeat: repeat-xbackground-position:left top}/* 横向左上 */

.uxjy_ltth_jofi_x2{background-repeat: repeat-xbackground-position:left}/* 横向左中 */

.uxjy_ltth_jofi_x3{background-repeat: repeat-xbackground-position:left bottom}/* 横向左下 */

.uxjy_ltth_jofi_x4{background-repeat: repeat-xbackground-position:center top}/* 横向中上 */

.uxjy_ltth_jofi_x5{background-repeat: repeat-xbackground-position:center}/* 横向中中 */

.uxjy_ltth_jofi_x6{background-repeat: repeat-xbackground-position:center bottom}/* 横向中下 */

.uxjy_ltth_jofi_x7{background-repeat: repeat-xbackground-position:right top}/* 横向右上 */

.uxjy_ltth_jofi_x8{background-repeat: repeat-xbackground-position:right}/* 横向右中 */

.uxjy_ltth_jofi_x9{background-repeat: repeat-xbackground-position:right bottom}/* 横向右下 */

/* 纵向平铺 */

.uxjy_ltth_jofi_y1{background-repeat: repeat-ybackground-position:left top}/* 纵向左上 */

.uxjy_ltth_jofi_y2{background-repeat: repeat-ybackground-position:center top}/* 纵向中上 */

.uxjy_ltth_jofi_y3{background-repeat: repeat-ybackground-position:right top}/* 纵向右上 */

.uxjy_ltth_jofi_y4{background-repeat: repeat-ybackground-position:left}/* 纵向左中 */

.uxjy_ltth_jofi_y5{background-repeat: repeat-ybackground-position:center}/* 纵向中中 */

.uxjy_ltth_jofi_y6{background-repeat: repeat-ybackground-position:right}/* 纵向右下 */

.uxjy_ltth_jofi_y7{background-repeat: repeat-ybackground-position:left bottom}/* 纵向左下 */

.uxjy_ltth_jofi_y8{background-repeat: repeat-ybackground-position:center bottom}/* 纵向中下 */

.uxjy_ltth_jofi_y9{background-repeat: repeat-ybackground-position:right bottom}/* 纵向右下 */

/* 单一 */

.uxjy_ltth_jofi_h1{background-repeat: no-repeatbackground-position:left top}/* 单图上左 */

.uxjy_ltth_jofi_h2{background-repeat: no-repeatbackground-position:center top}/* 单图上中 */

.uxjy_ltth_jofi_h3{background-repeat: no-repeatbackground-position:right top}/* 单图上右 */

.uxjy_ltth_jofi_k1{background-repeat: no-repeatbackground-position:left}/* 单图中左 */

.uxjy_ltth_jofi_k2{background-repeat: no-repeatbackground-position:center}/* 单图中中 */

.uxjy_ltth_jofi_k3{background-repeat: no-repeatbackground-position:right}/* 单图中右 */

.uxjy_ltth_jofi_g1{background-repeat: no-repeatbackground-position:left bottom}/* 单图下左 */

.uxjy_ltth_jofi_g2{background-repeat: no-repeatbackground-position:center bottom}/* 单图下中 */

.uxjy_ltth_jofi_g3{background-repeat: no-repeatbackground-position:right bottom}/* 单图下右 */

/*----====----*/

没啥关系吧。

层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。

CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。

CSS是一种定义样式结构如字体、颜色、位置等的语言,被用于描述网页上的信息格式化和显示的方式。CSS样式可以直接存储于HTML网页或者单独的样式单文件。无论哪一种方式,样式单包含将样式应用到指定类型的元素的规则。

外部使用时,样式单规则被放置在一个带有文件扩展名_css的外部样式单文档中。

样式规则是可应用于网页中元素,如文本段落或链接的格式化指令。样式规则由一个或多个样式属性及其值组成。内部样式单直接放在网页中,外部样式单保存在独立的文档中,网页通过一个特殊标签链接外部样式单。

名称CSS中的“层叠(cascading)”表示样式单规则应用于HTML文档元素的方式。具体地说,CSS样式单中的样式形成一个层次结构,更具体的样式覆盖通用样式。样式规则的优先级由CSS根据这个层次结构决定,从而实现级联效果。