仓酷云

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

[DIV+CSS] 来谈谈:总结:用CSS举行网页款式计划攻略选集

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

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

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

x
属性值就追加上去,重复的属性值就以最后一个为准。这里要注意的是,样式的先后不是根据页面上应用的名字顺序,而是样式表里的样式顺序。

 一.利用CSS缩写
  利用缩写能够匡助削减你CSS文件的巨细,加倍简单浏览。css缩写的次要划定规矩请参看《经常使用css缩写语法结见附》,这里就不睁开形貌。
  二.明白界说单元,除非值为0
  健忘界说尺寸的单元是CSS老手广泛的毛病。在HTML中你能够只写width="100",可是在CSS中,你必需给一个正确的单元,好比:width:100pxwidth:100em。只要两个破例情形能够不界说单元:行高和0值。除此之外,其他值都必需紧跟单元,注重,不要在数值和单元之间加空格。
  三.辨别巨细写
  当在XHTML中利用CSS,CSS里界说的元素称号是辨别巨细写的。为了不这类毛病,我倡议一切的界说称号都接纳小写。
  class和id的值在HTML和XHTML中也是辨别巨细写的,假如你必定要巨细写旌闲矗胱邢溉啡夏阍CSS的界说和XHTML里的标签是分歧的。
  四.作废class和id前的元素限制
  当你写给一个元素界说class大概id,你能够省略后面的元素限制,由于ID在一个页面里是独一的,而class能够在页面中屡次利用。你限制某个元素毫偶然义。比方:
  div#content{/*declarations*/}
  fieldset.details{/*declarations*/}
  能够写成
  #content{/*declarations*/}
  .details{/*declarations*/}  如许能够节俭一些字节。
  五.默许值
  一般padding的默许值为0,background-color的默许值是transparent。可是在分歧的扫瞄器默许值大概分歧。假如怕有抵触,能够在款式表一入手下手就先界说一切元素的margin和padding值都为0,象如许:
  *{
  margin:0;
  padding:0;
  }
  六.不必要反复界说可承继的值
  CSS中,子元素主动承继父元素的属性值,象色彩、字体等,已在父元素中界说过的,在子元素中能够间接承继,不必要反复界说。可是要注重,扫瞄器大概用一些默许值掩盖你的界说。
  七.比来优先准绳
  假如对统一个元素的界说有多种,以最靠近(最小一级)的界说为最优先,比方有这么一段代码
  Update:Loremipsumdolorset
  在CSS文件中,你已界说了元素p,又界说了一个class"update"
  p{
  margin:1em0;
  font-size:1em;
  color:#333;
  }
  .update{
  font-weight:bold;
  color:#600;
  }
  这两个界说中,class="update"将被利用,由于class比p更近。你能够查阅W3C的《Calculatingaselector’sspecificity》懂得更多。
  八.多重class界说
  一个标签能够同时界说多个class。比方:我们先界说两个款式,第一个款式背景为#666;第二个款式有10px的边框。
  .one{width:200px;background:#666;}
  .two{border:10pxsolid#F00;}
  在页面代码中,我们能够如许挪用
  如许终极的显现效果是这个div既有#666的背景,也有10px的边框。是的,如许做是能够的,你能够实验一下。
  九.利用子选择器(descendantselectors)
  CSS初学者不晓得利用子选择器是影响他们效力的缘故原由之一。子选择器能够匡助你勤俭大批的class界说。我们来看上面这段代码:
  Item1>
  Item1
  Item1
  这段代码的CSS界说是:
  div#subnavul{/*Somestyling*/}
  div#subnavulli.subnavitem{/*Somestyling*/}
  div#subnavulli.subnavitema.subnavitem{/*Somestyling*/}
  div#subnavulli.subnavitemselected{/*Somestyling*/}
  div#subnavulli.subnavitemselecteda.subnavitemselected{/*Somestyling*/}
</p>
可以将站点上所有的网页风格都使用一个CSS文件进行控制,只要修改这个CSS文件中相应的行,那么整个站点的所有页面都会随之发生变动。
小魔女 该用户已被删除
沙发
发表于 2015-1-18 06:38:48 | 只看该作者
只要我们努力,无论是怎样的艰难险阻,成功依然会迎面直击。在刚开始时我觉得dreamweavermxXX很难理解。
山那边是海 该用户已被删除
板凳
发表于 2015-1-25 16:14:22 | 只看该作者
Adobe Dreamweaver(前称Macromedia Dreamweaver)是Adobe公司的著名网站开发工具。
再见西城 该用户已被删除
地板
发表于 2015-2-3 11:21:04 | 只看该作者
时间轴)窗口--时间轴--选中图层并拖图层到时间轴,将其放在指定帧上
小女巫 该用户已被删除
5#
发表于 2015-2-8 20:56:02 | 只看该作者
在刚开始接触网页的第一堂课上,听说网页制作会是一门很无聊并且很难听懂的过程,而事实却印证了这样一个事实。
因胸联盟 该用户已被删除
6#
发表于 2015-2-26 10:48:17 | 只看该作者
还是在Dreamweaver所见即所得添加链接是,可以选中文字或图片然后按下shift键不放鼠标拖出箭头直接指向文件即可。这是比较简单的也是常用的方之一。
蒙在股里 该用户已被删除
7#
发表于 2015-3-8 14:08:26 | 只看该作者
Adobe Dreamweaver CS5 软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成。
透明 该用户已被删除
8#
发表于 2015-3-16 03:05:04 | 只看该作者
技术的学习如同长跑。只要越过极限,就会越跑越轻松。技术的学习其实并不像想象中那么可怕,任何技术都并不高深莫测。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2024-5-10 06:14

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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