仓酷云

标题: 给大家带来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