仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 871|回复: 8
打印 上一主题 下一主题

[DIV+CSS] 来谈谈:经常使用CSS缩写语法总结

[复制链接]
小妖女 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-16 00:13:14 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

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的网页可能不好找。
再现理想 该用户已被删除
沙发
发表于 2015-1-18 05:40:01 | 只看该作者
还是在Dreamweaver所见即所得添加链接是,可以选中文字或图片然后按下shift键不放鼠标拖出箭头直接指向文件即可。这是比较简单的也是常用的方之一。
透明 该用户已被删除
板凳
发表于 2015-1-26 16:36:55 | 只看该作者
难以逾越的障碍会大大打击你的学习积极性。这就需要你的恒心,坚持不懈的决心。在自己无法解决某些问题时,就需要虚心请教别人.
老尸 该用户已被删除
地板
发表于 2015-2-4 20:54:37 | 只看该作者
Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH,专业网页图像设计软件FIREWORKS,并称为“网页三剑客”。
飘灵儿 该用户已被删除
5#
发表于 2015-2-10 10:27:22 | 只看该作者
这个过程其实就是交流的过程。所有的这些都需要花时间。在面对完全陌生的软件时,就要多花时间对其产生初步的印象。此外,多操作也是非常重要的。
灵魂腐蚀 该用户已被删除
6#
发表于 2015-3-1 12:16:11 | 只看该作者
足见市场的反响和MACROMEDIA公司对它们的自信。说到Dreamweaver8我们应该了解一下网页编辑器的发展过程,随着互联网(Internet) 的家喻户晓。
莫相离 该用户已被删除
7#
发表于 2015-3-10 17:53:08 | 只看该作者
Dreamweaver在所见即所得添加链接,也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈,用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。
小魔女 该用户已被删除
8#
发表于 2015-3-17 10:07:21 | 只看该作者
足见市场的反响和MACROMEDIA公司对它们的自信。说到Dreamweaver8我们应该了解一下网页编辑器的发展过程,随着互联网(Internet) 的家喻户晓。
兰色精灵 该用户已被删除
9#
发表于 2015-3-24 07:02:32 | 只看该作者
使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-4-23 14:20

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表