仓酷云

标题: 来看看：CSS语法缩写划定规矩 [打印本页]

作者: 若天明 时间: 2015-1-16 00:08
标题: 来看看：CSS语法缩写划定规矩
可以将站点上所有的网页风格都使用一个CSS文件进行控制，只要修改这个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);

使页面的字体变得更漂亮，更容易编排，使页面真正赏心悦目。

作者: 变相怪杰 时间: 2015-1-18 05:22
Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH，专业网页图像设计软件FIREWORKS，并称为“网页三剑客”。

作者: 兰色精灵 时间: 2015-1-25 22:26
滚动条)层属性--溢出(visible/hidden/scroll/auto)

作者: 爱飞 时间: 2015-2-4 12:46
Adobe Dreamweaver CS5 软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成。

作者: 小魔女 时间: 2015-2-9 22:39
您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别，但它同时也存在着致命的弱点。

作者: 深爱那片海 时间: 2015-2-28 03:07
dreamweaver8中文版下载(dw)对专业网页图像设计的FIREWORKS，三者被MACROMEDIA公司称为DREAMTEAM(梦之队)。

作者: 简单生活 时间: 2015-3-9 20:19
Adobe Dreamweaver(前称Macromedia Dreamweaver)是Adobe公司的著名网站开发工具。

作者: 灵魂腐蚀 时间: 2015-3-17 01:10
技术的学习如同长跑。只要越过极限，就会越跑越轻松。技术的学习其实并不像想象中那么可怕，任何技术都并不高深莫测。

作者: 若天明 时间: 2015-3-23 15:32
Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器，在编辑时能同时看到源码和设计界面，非常方便新手学习制作网页。

欢迎光临仓酷云 (http://ckuyun.com/)