微博客

1、类型 :


字体: font-family:"宋体"; 


大小: font-size:14px;


粗细: font-weight:normal;   正常

       font-weight:bold;     粗体

       font-weight:bolder;   特粗

       font-weight:lighter;  细体

       font-weight:300;      粗细300 /*可以直接输入数值设定粗细*/


样式: font-style:normal;    正常 

       font-style:italic;    斜体

       font-style:oblique;   偏斜体


变体: font-variant:normal;    正常

       font-style:small-caps;  小型大写字母


行高: line-height:normal;   正常
       
       line-height:22px;     数值展示行高


大小写:text-transform:capitalize;  首字母大写

        text-transform:uppercase;   大写

        text-transform:lowercase;   小写

        text-transform:none;        无


修饰: text-decoration:underline下划线 overline上划线 line-through删除线 blink闪烁;  /*可共存修饰*/

       text-decoration:none;   无修饰


字体: color:#666000;   选择颜色或输入数值,选择颜色。输入需要带#号并输入数值。

 


2、背景:


背景颜色:background-color:#cccccc;


背景图片:background-image:url(images/001.jpg);


背景图片重复:background-repeat:no-repeat;   不重复

              background-repeat:repeat;      重复

              background-repeat:repeat-x;    横向重复

              background-repeat:repeat-y;    纵向重复


背景图片附件:background-attachment:fixed;   固定

              background-attachment:scroll;  滚动


背景图片水平位置:background-position:left;   左对齐

                  background-position:right;  右对齐

                  background-position:center; 居中

                  background-position:120px;  数值像素

                  background-position:top;     顶部

                  background-position:bottom;  底部

                  background-position:center;  居中

                  background-position:120px;   数值像素


3、区块:


单词间距:word-spacing:normal;     正常

          word-spacing:22px;        数值像素


字母间距:letter-spacing:normal;    正常

          letter-spacing:22px;      数值像素


垂直对齐:vertical-align:baseline;  基线

          vertical-align:sub;       下标

          vertical-align:super;     上标

          vertical-align:top;       顶部

          vertical-align:bottm;     底部

          vertical-align:text-top;   文本顶对齐

          vertical-align:middle;     中线对齐

          vertical-align:text-bottm; 文本底对齐

          vertical-align:120%;      数值百分比


文本对齐:text-align:left;  左对齐

          text-align;right; 右对齐

          text-align:center;   居中

          text-align:justify;  两端对齐


文字缩进:text-indent:12px;   数值像素


空格: white-space:normal;   正常

       white-space:pre;      保留

       white-space:nowrap;   不换行


显示: display:none;     无

       display:inline;   内嵌

       display:block;    块

       display:list-item;  列表项

       display:run-in;   追加部分

       display:inline-block;  内联块

       display:compact;  紧凑

       display:marker;   标记

       display:table;    表格

       display:inline-table;  内嵌表格

       display:table-row-group;  表格行组

       display:table-header-group;  表格标题组

       display:table-footer-group;  表格注脚组

       display:table-row;  表格行

       display:table-column-group;  表格列组

       display:table-column;   表格列

       display:table-cell;    表格单元格

       display:table-caption;   表格标题

       display:inherit;  继承


4、方框:


方框 宽度:width:auto; 自动

           width:12px; 像素数值


方框 高度:height:auto;自动

           height:12px;像素数值


方框 浮动:float:left; 左对齐

           float:right;右对齐

           float:none; 无


方块 清除浮动: clear:left; 左对齐

                clear:right;右对齐

                clear:both; 两者

                cleat:none; 无


填充:  /*填充顺序为:上、右、下、左*/

        padding-top:1px;    上填充

        padding-right:2px;  右填充

        padding-bottom:3px; 下填充

        padding-left:4px;   左填充

        /*上、右、下、左 统一像素数值*/

        pandding:1px;  上、右、下、左 像素数值

 

边界:  /*边界顺序为:上、右、下、左*/

        margin-top:1px;     上边界

        margin-right:1px;   右边界

        margin-bottom:1px;  下边界

        margin-left:1px;    左边界

       /*上、右、下、左 统一像素数值*/

       margin:1px;   上、右、下、左 像素数值

 

 

5、边框:/*边框顺序为:上、右、下、左*/


边框样式  上  border-top-style:;

          右  border-right-style:;

          下  border-bottom-style:;

          左  border-left-style:;

              none;    无            
 
              dotted;  点划线

              dashed;  虚线

              solid;   实线

              double;  双线

              groove;  槽状

              ridge;   脊状

              inset;   凹陷

              outset;  凸陷


边框宽度  上  border-top-width:;

          右  border-right-width:;

          下  border-bottom-width:;

          左  border-left-width:;

              thin;   细

              medium; 中

              thick;  粗

              12px;   像素数值


边框颜色  上  border-top-color:;

          右  border-right-color:;

          下  border-bottom-color:;

          左  border-left-color:;

          选择颜色或输入数值,选择颜色。输入需要带#号并输入数值。

 

6、列表  


类型:    list-style-type:disc;     圆点

          list-style-type:circle;   圆圈

          list-style-type:square;   方块

          list-style-type:decimal;  数字

          list-style-type:lower-roman;  小写罗马数字

          list-style-type:upper-roman;  大写罗马数字

          list-style-type:lower-alpha;  小写字母

          list-style-type:upper-alpha;  大写字母

项目符号图像:  list-style-image:url(连接地址);

                list-style-image:none;   无


位置:    list-style-position:inside;    内

          list-style-position:outside;   外

 

7、定位


类型:    position:absolute;   绝对


          position:fixed;      固定


          position:relative;   相对

         
          position:static;     静态


宽:       width:auto;   自动

          width:1px;    数值


高:      height:auto;  自动

          height:1px;   数值

 

显示:    visibility:inherit;  继承

          visibility:visible;  可见

          visibility:hidden;   隐藏

 

z轴:      z-index:auto;    自动

          z-index:1;       数值

 

溢出:    overflow:visible;   可见

          overflow:hidden;    隐藏

          overflow:scroll;    滚动

          overflow:auto;      自动

 

定位:    top:auto;  上  自动

          top:1px;   上  像素数值


          right:auto;  右  自动

          right:1px;   右  像素数值

        
          bottom:auto;  下  自动

          bottom:1px;   下  像素数值

         
          left:auto;  左  自动

          left:1px;   左  像素数值


剪辑:    clip:rect(auto上自动,auto右自动,auto下自动,auto左自动);

          clip:rect(1px上,1px右,1px下,1px左);  像素数值


8、扩展:


分页之前: page-break-before:auto;     自动

           page-break-before:always;   总是

           page-break-before:left;     左对齐

           page-break-before:right;    右对齐


分页之后: page-break-after:auto;      自动

           page-break-after:always;    总是

           page-break-after:left;      左对齐

           page-break-after:right;     右对齐

 

  

 

 

 

 

 

 

 


 

posted on 2010-06-01 08:21  飞鸟42  阅读(313)  评论(0编辑  收藏  举报