css中的一些简单的标签

2018-09-09  本文已影响0人  勿念_17a6

字体属性:

font-size   大小

        x-large;(特大)

        xx-small;(极小) 一般中文用不到

样式:font-style: oblique;(偏斜体) italic;(斜体) normal;(正常)

行高:line-height: normal;(正常) 

加粗

font-weight: bold;(粗体) lighter;(细体) normal;(正常)

常用字体:(font-family)"Courier New", Courier, monospace, "Times New Roman", Times, serif, Arial, Helvetica, sans-serif, Verdana

背景属性:(background)

背景颜色:background-color:

背景图片:background-image: url();

重复:ackground-repeat:

不重复: no-repeat;

简写方法:background:#000 url(..) repeat fixed left top;

边框属性:(Border)

border-style: dotted(点线); dashed(虚线); solid(实线); double(双线);          

border-width:    边框宽度border-color:边框的颜色

简写方法border:width style color;

文字属性:

color :           /*文字颜色*/

font-family :    /*文字字体*/

font-size :           /*文字大小*/

font-style:itelic;    /*文字斜体*/

letter-spacing :   /*字间距离*/

line-height : /*设置行高*/

font-weight:bold; /*文字粗体*/

text-decoration:line-through; /*加删除线*/

text-decoration: overline; /*加顶线*/

text-decoration:underline; /*加下划线*/

text-decoration:none; /*删除链接下划线*/

text-align:right; /*文字右对齐*/

text-align:left; /*文字左对齐*/

text-align:center; /*文字居中对齐*/

text-align:justify; /*文字分散对齐*/

vertical-align属性

vertical-align:top; /*垂直向上对齐*/

vertical-align:bottom; /*垂直向下对齐*/

vertical-align:middle; /*垂直居中对齐*/

vertical-align:text-top; /*文字垂直向上对齐*/

vertical-align:text-bottom; /*文字垂直向下对齐*/

背景样式:

background-color:              /*背景颜色*/

background:transparent; /*透视背景*/

background-image : url(/image/bg.gif); /*背景图片*/

background-attachment : fixed; /*浮水印固定背景*/

background-repeat : repeat; /*重复排列-网页默认*/

background-repeat : no-repeat; /*不重复排列*/

background-repeat : repeat-x; /*在x轴重复排列*/

background-repeat : repeat-y; /*在y轴重复排列*/

上一篇 下一篇

猜你喜欢

热点阅读