仓酷云

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

[DIV+CSS] 来看看:经常使用CSS缩写语法

[复制链接]
山那边是海 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-16 00:17:59 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

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

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

x
业界越来越关注DIV+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);

在网页制作中,有许多的术语,例如:CSS、HTML、DHTML、XHTML等等。在下面的文章中我们将会用到一些有关于HTML的基本知识。
爱飞 该用户已被删除
沙发
发表于 2015-1-18 05:59:25 | 只看该作者
技术的学习如同长跑。只要越过极限,就会越跑越轻松。技术的学习其实并不像想象中那么可怕,任何技术都并不高深莫测。
因胸联盟 该用户已被删除
板凳
发表于 2015-1-26 18:19:35 | 只看该作者
Adobe Dreamweaver(前称Macromedia Dreamweaver)是Adobe公司的著名网站开发工具。
灵魂腐蚀 该用户已被删除
地板
发表于 2015-2-4 20:59:42 | 只看该作者
使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。
变相怪杰 该用户已被删除
5#
发表于 2015-2-10 11:08:23 | 只看该作者
由CS4 版本开始,则转用WebKit 排版引擎(亦即Google Chrome和Apple Safari浏览器所用的排版引擎)作为网页预览。
谁可相欹 该用户已被删除
6#
发表于 2015-3-1 12:35:23 | 只看该作者
dreamweaver8中文版下载(dw)对专业网页图像设计的FIREWORKS,三者被MACROMEDIA公司称为DREAMTEAM(梦之队)。
若天明 该用户已被删除
7#
发表于 2015-3-10 18:35:06 | 只看该作者
直接用代码建立链接,如:可以直接输入 <a herf = \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"red.html\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\">红色的网页 12、插入标签法建立链接,可以再选中文字后在代码中插入html标签,页元素<a>.也可以按ctrl+t进入html标签插入方法之后输入代码即可。
再见西城 该用户已被删除
8#
发表于 2015-3-17 10:10:26 | 只看该作者
HTML技术的不断发展和完善,随之而产生了众多网页编辑器,从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器(则原始代码编辑器)
蒙在股里 该用户已被删除
9#
发表于 2015-3-17 10:10:28 | 只看该作者
Dreamweaver在所见即所得添加链接,也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈,用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。
老尸 该用户已被删除
10#
发表于 2015-3-24 07:19:15 | 只看该作者
dreamweaver8中文版下载(dw)对专业网页图像设计的FIREWORKS,三者被MACROMEDIA公司称为DREAMTEAM(梦之队)。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2024-12-22 21:23

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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