|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
在主页制作时采用CSS技术,可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。
利用缩写能够匡助削减你CSS文件的巨细,加倍简单浏览。css缩写的次要划定规矩以下:
色彩
16进制的色采值,假如每两位的值不异,能够缩写一半,比方:
#000000能够缩写为#000;#336699能够缩写为#369;
盒尺寸
一般有上面四种誊写办法:
property:value1;暗示一切边都是一个值value1;
property:value1value2;暗示top和bottom的值是value1,right和left的值是value2
property:value1value2value3;暗示top的值是value1,right和left的值是value2,bottom的值是value3
property:value1value2value3value4;四个值顺次暗示top,right,bottom,left
便利的影象办法是顺时针,上右下左。详细使用在margin和padding的例子以下:
margin:1em02em0.5em;
边框(border)
边框的属性以下:
border-width:1px;
border-style:solid;
border-color:#000;
能够缩写为一句:border:1pxsolid#000;
语法是border:widthstylecolor;
背景(Backgrounds)
背景的属性以下:
background-color:#f00;
background-image:url(background.gif);
background-repeat:no-repeat;
background-attachment:fixed;
background-position:00;
能够缩写为一句:background:#f00url(background.gif)no-repeatfixed00;
语法是background:colorimagerepeatattachmentposition;
你能够省略个中一个或多个属性值,假如省略,该属性值将用扫瞄器默许值,默许值为:
color:transparent
image:none
repeat:repeat
attachment:scroll
position:0%0%
字体(fonts)
字体的属性以下:
font-style:italic;
font-variant:small-caps;
font-weight:bold;
font-size:1em;
line-height:140%;
font-family:"LucidaGrande",sans-serif;
能够缩写为一句:font:italicsmall-capsbold1em/140%"LucidaGrande",sans-serif;
注重,假如你缩写字体界说,最少要界说font-size和font-family两个值。
列表(lists)
作废默许的圆点和序号能够如许写list-style:none;,
list的属性以下:
list-style-type:square;
list-style-position:inside;
list-style-image:url(image.gif);
能够缩写为一句:list-style:squareinsideurl(image.gif);
</p>
网上冲浪无论你用InternetExplorer还是NetscapeNavigator,几乎随时都在与CSS打交道,在网上没有使用过CSS的网页可能不好找。 |
|