推荐设备MORE

惠州企业网站建设公司—太原

惠州企业网站建设公司—太原

疑难问题

厦门市企业网站建设:CSS文本文档标准

日期:2021-03-03
我要分享

1、合理布局特性

width

叙述:设定宽度

英语的语法:width:value

height

叙述:设定高宽比

英语的语法:height:value

margin-top

叙述:设定顶部的外边距

英语的语法:margin-top:value;

margin-right

叙述:设定右边的外边距

英语的语法:margin-right:value;

margin-bottom

叙述:设定底部的外边距

英语的语法:margin-bottom:value;

margin-left

叙述:设定左边的外边距

英语的语法:margin-left:value;

margin

叙述:设定外边距

英语的语法:margin:value(4个方位同样);

margin

叙述:设定外边距

英语的语法:margin:value(左右) value(上下);

margin

叙述:设定外边距

英语的语法:margin:value(上) value(上下) value(下);

margin

叙述:设定外边距

英语的语法:margin:value(上) value(右) value(下) value(左);


规范文本文档流(一切正常文本文档流),HTML元素的显示信息次序由HTML编码的次序决策。

假如为块级目标由自上向下显示信息;假如为内联目标则自左而右显示信息。

float

叙述:设定目标波动

英语的语法:float:left|right;

表明:

A.目标设定波动特性后,摆脱规范文本文档流。

B.目标设定波动特性后,尽可能向左(float:left)/向右(float:right)挪动,

    直至遇到父目标的界限或上1个波动目标的界限为止。
    
clear

叙述:消除波动

英语的语法:clear:left|right|both;

content

叙述:设定目标的內容

英语的语法:content:value;

表明:根据该after伪类挑选器设定的目标为内联目标,

        1般状况下必须与display特性组成应用。
        
display

叙述:设定目标的显示信息方法

英语的语法:display:none|block(块级目标)|inline(内联目标);

规范的清除波动的方法

.clear:after{
   display:block;     /*显示信息为块级目标*/
   content:".";       /*操纵內容*/
   height:0;          /*操纵高宽比*/
   visibility:hidden; /*操纵可见性*/
   clear:both;        /*消除波动*/
}
.clear{
    zoom:1;
}

将clear类运用给清除波动的父目标。

2、边框特性

border-top-width

叙述:设定上边框的宽度

英语的语法:border-top-width:value

border-top-style

叙述:设定上边框的线型

英语的语法:border-top-style:none|solid(实线)|dotted(点划线)|dashed(虚线);

border-top-color

叙述:设定上边框的色调

英语的语法:border-top-color:value

border-top

叙述:设定上边框的特性

英语的语法:border-top:width style color;

border

叙述:设定边框的特性

英语的语法:border:width style color;

3、情况特性

background-color

叙述:设定情况色调

英语的语法:background-color:value;

background-image

叙述:设定情况图象

英语的语法:background-image:url(图象URL);

background-repeat

叙述:设定情况图象的平铺方法

英语的语法:background-repeat:repeat|no-repeat|repeat-x|repeat-y;

background-attachment

叙述:设定情况图象的依附于方法

英语的语法:background-attachment:scroll(翻转)|fixed(固定不动);

background-position

叙述:设定情况图象的部位

英语的语法:background-position:horizontal vertical;

水平:left|center|right|value
竖直:top|center|bottom|value

background

叙述:设定情况特性

英语的语法:background:color url(图象URL) repeat attachment horizontal vertical;