仓酷云
标题:
给大家带来CSS基本教程: CSS的属性缩写
[打印本页]
作者:
兰色精灵
时间:
2015-1-16 00:16
标题:
给大家带来CSS基本教程: CSS的属性缩写
所有的设计第一步就是构思,构思好了。
一些CSS属性同意利用一串值取代很多属性,值利用空格分隔。
margin,pdding和border-width同意兼并margin-top-width,margin-right-width,margin-bottom-width等等,情势像如许:property:toprightbottomleft;逆时针按次。
以是上面的:
p{
border-top-width:1px;
border-right-width:5px;
border-bottom-width:10px;
border-left-width:20px;
}
能够写成:
p{
border-width:1px5px10px20px;
}
border-width,border-color,border-style一样能够兼并到一同,比方:
p{
border:1pxredsolid;
}
(一样能够使用到border-top,border-right等等)
假如只利用两个值(好比margin:1em10em;),第一个值包含顶部和底部,第二个值包含摆布。
字体属性一样可使用font属性兼并。
p{
font:italicbold1em/1.5courier;
}
(下面"/1.5"是line-height的值)
把它们总结在一同,试下上面的代码:
p{
font:1em/1.5"TimesNewRoman",times,serif;
padding:3em1em;
border:1pxblacksolid;
border-width:1px5px5px1px;
border-color:redgreenblueyellow;
margin:1em5em;
}
保举人人利用缩写情势,增进CSS代码的精简、优化!
表现和结构分离,在团队开发中更容易分工合作而减少相互关联性
作者:
爱飞
时间:
2015-1-18 05:49
还可以在Dreamweaver常用工具中选择超级链接,完成相应的填写即可。
作者:
海妖
时间:
2015-1-25 14:44
布局表格、绘制层、制作CSS样式表等,这些内容迷糊了我的视线,真是没想到制作一个精巧别致的网页是如此的困难,可是心有不甘。
作者:
第二个灵魂
时间:
2015-2-2 22:34
只要我们努力,无论是怎样的艰难险阻,成功依然会迎面直击。在刚开始时我觉得dreamweaver mx XX很难理解。
作者:
变相怪杰
时间:
2015-2-8 18:20
Dreamweaver在所见即所得添加链接时,可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。
作者:
只想知道
时间:
2015-2-25 23:23
您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别,但它同时也存在着致命的弱点。
作者:
飘飘悠悠
时间:
2015-3-8 10:45
Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器,在编辑时能同时看到源码和设计界面,非常方便新手学习制作网页。
作者:
仓酷云
时间:
2015-3-15 22:58
是当我和赵丽芬崔明艳老师进行交流后,很快就了解了还不太清楚的内容和并不了解的知识(像布局表格、绘制布局单元格等)。
作者:
精灵巫婆
时间:
2015-3-22 18:10
足见市场的反响和MACROMEDIA公司对它们的自信。说到Dreamweaver8我们应该了解一下网页编辑器的发展过程,随着互联网(Internet) 的家喻户晓。
欢迎光临 仓酷云 (http://ckuyun.com/)
Powered by Discuz! X3.2