文章详情

  • 游戏榜单
  • 软件榜单
关闭导航
热搜榜
热门下载
热门标签
php爱好者> php文档>CSS属性

CSS属性

时间:2010-10-07  来源:kitt1987

background-color:设置背景色。

background-image:设置背景图片。

background-repeat:设置背景重复。取值:repeat-x,水平平铺;repeat-y,垂直平铺;no-repeat,不允许平铺。

background-position:设置背景位置。取值:top, bottom, left, right和center;也可以使用%设置背景图片的起始点;或者使用数值。

background-attachment:设置背景图像是否固定或者跟随页面滚动。取值:scroll,背景随页面滚动;fixed,不跟随滚动;inherit,继承父元素的该属性。

text-indent:设置文本缩进。取值:n em。

word-spacing:设置word之间的间隔。取值n px,默认值为normal(0)。

letter-spacing:同上。

text-transform:处理文本大小写。取值:none, uppercase, lowercase, capitalize。

text-decoration:设置文本装饰。取值:none;underline;overline;line-through;blink。

white-space:设置空白的处理方式。取值:normal:去掉多余的空白;pre:不忽略空白;nowrap:过滤换行;pre-wrap:保留空白;pre-line:合并空白。

direction:设置文本排列方向。取值:ltr:默认,从左到右;rtl:从右到左;inherit:继承父元素。

color:设置文本颜色。

line-bottom:把表格定位在表格之下;inherit:继承。

empty-cells:设置是否显示表格中的空单元格。取值:hide:默认,不在空单元格周围绘制边框;show:在空单元格周围绘制边框;inherit:继承。

table-layout:设置表格的布局。取值:automatic:默认,列宽有内容决定;fixed:列宽由表格宽度和列宽度设定;inherit:继承。

outline-color:设置轮廓颜色。

outline-style:设置轮廓样式。取值:none:默认,无轮廓;dotted:点状轮廓;dashed:虚线轮廓;solid:实现轮廓;double:双线轮廓;groove:定义3D凹槽轮廓;ridge:3D凸槽轮廓;inset:3D凹边轮廓;outset:3D凸边轮廓;inherit:继承。

outline->

边框设置如下:padding:内边距;border:边框;margin:外边距。

设置上下左右的内边距:padding-top;padding-right;padding-bottom;padding-left。

border-style:设置边框样式。取值和轮廓相同。

border->

border-color:设置边框颜色。

margin:设置外边距。

position:设置定位方式。取值:static:生成一个矩形框;relative:便宜摸个距离;absolute:相对于包含块定位;fixed:类似absolute。

top:上外边距边界和其包含块上边界之间的偏移。

right:右外边距边界和其包含块右边界之间的偏移。

bottom:下边距边界和其包含块下边界之间的偏移。

left:左外边距边界和其包含块左边界之间的偏移。

overflow:设置内容溢出元素框时发生的事情。取值:visible:默认值,内容不会被修剪,呈现在元素框之外;hidden:内容被修剪,并且其余内容不可见;scroll:内容被修剪,显示滚动条查看其他内容;auto:如果内容被修剪,通scroll;inherit:继承。

clip:设置元素形状。取值:auto:不裁剪;shape:rect(top,right,bottom,left)。

vertical-align:设置垂直对齐方式。取值:baseline:默认;sub:垂直对齐文本的下标;super:垂直对齐文本的上标;top:把元素的顶端与行中最高元素的顶端对齐;text-top:把元素的顶端与父元素字体的顶端对齐;middle:放置在父元素中部;bottom:把元素顶端和行中最低元素的顶端对齐;text-bottom:把元素底端和父元素字体的底端对齐。

z-index:设置元素的堆叠顺序。auto:默认。堆叠顺序与父元素相同;number:设置元素的堆叠顺序;inherit:继承。

float:设置元素浮动方向。none:默认;left:向左浮动;right:向右浮动。

clear:设置元素的那一侧不允许其他浮动元素。取值:left;right;both;none。

height:设置元素高度。

line-table-footer-group:作为一个或多个行的分组来显示;table-row:作为一个表格行显示;table-column-group:作为一个或多个列的分组来显示;table-column:作为一个单元格列显示;table-cell:会作为一个表格单元格显示;table-caption:会作为一个表格标题显示;inherit:继承。

visibility:设置元素是否可见。visible:可见的;hidden:不可见;collapse:删除一行或一列,不影响表格格局;inherit:继承。

a的伪类:

a:active:将样式添加到被激活的元素;

a:focus:将样式添加到被选中的元素;

a:hover:当鼠标悬浮在元素上方时,向元素添加样式;

a:link:将样式添加到未被访问的链接;

a:visited:将样式添加到访问过的链接;

a:first-child:将样式添加到元素的第一个子元素;

a:lang:允许创作者来定义指定元素中使用的语言。

:first-line:设置第一行的样式。

:first-letter:设置首字母的样式。

:before:在元素之前插入内容。

:after:在元素

@media:设置样式在不同的介质上的不同表现。

all:所有媒介设备;

aural:用于语音和音频合成器;

braille:用于盲人用点字法触觉回馈设备;

embossed:用于分页的盲人用点字法打印机;

handheld:用于小的手持的设备;

print:用于打印机;

projection:用于方案展示,比如幻灯片;

screen:用于电脑显示器;

tty:用于使用固定密度字母栅格的媒介,比如电传打字机和终端;

tv:用于电视机类型的设备。

相关阅读 更多 +
排行榜 更多 +
辰域智控app

辰域智控app

系统工具 下载
网医联盟app

网医联盟app

运动健身 下载
汇丰汇选App

汇丰汇选App

金融理财 下载