仓酷云

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

[DIV+CSS] 来一发CSS基本教程: CSS的分组(Grouping)和嵌套(Nesting)

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

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

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

x
符合W3C标准。微软等公司均为W3C支持者。这一点是最重要的,因为这保证您的网站不会因为将来网络应用的升级而被淘汰。
Grouping分组

  当很多选择器有一样属性时,可使用逗号组合它们。
  例子:

h2{
color:red;
}
.thisOtherClass{
color:red;
}
.yetAnotherClass{
color:red;
}
  下面的能够写成如许:

h2,.thisOtherClass,.yetAnotherClass
{
color:red;
}
Nesting嵌套

  假如CSS布局优秀,不必要利用良多class或ID选择器。这是由于CSS能够设定选择器内里选择器的属性。
  例子:
#top{
background-color:#ccc;
padding:1em
}
#toph1{
color:#ff0;
}
#topp{
color:red;
font-weight:bold;
}
  假如你碰着上面如许的情势,记得处置失落你网页上的class或ID。

<divid="top">
<h1>Chocolatecurry</h1>
<p>Thisismyrecipeformakingcurrypurelywithchocolate</p>
<p>Mmmmmmmmmm</p>
</div>
  这是因为,经由过程利用空格分别选择器,我们能够设定IDtop内里的h1色彩为#ff0,p是red和blod。
  这大概对照庞大,由于嵌套能够多级利用,以是必要多加实习。
一般来说还需要用Photoshop或FireWorks(以下简称PS或FW)等图片处理软件将需要制作的界面布局简单的构画出来。
再现理想 该用户已被删除
沙发
 楼主| 发表于 2015-1-18 05:50:16 | 只看该作者
Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器,在编辑时能同时看到源码和设计界面,非常方便新手学习制作网页。
小魔女 该用户已被删除
板凳
发表于 2015-2-2 22:34:25 | 只看该作者
运动)时间轴面板--拖动关键帧--单击整条--将鼠标移至中间一点--右击选择增加关键帧--移动中间关键帧的图层--勾选自动播放,循环
莫相离 该用户已被删除
地板
发表于 2015-2-8 19:44:07 | 只看该作者
滚动条)层属性--溢出(visible/hidden/scroll/auto)
山那边是海 该用户已被删除
5#
发表于 2015-2-26 00:45:33 | 只看该作者
Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器,在编辑时能同时看到源码和设计界面,非常方便新手学习制作网页。
简单生活 该用户已被删除
6#
发表于 2015-3-8 11:15:03 | 只看该作者
经过两天的学习,总算对Dreamweaver有进一步的了解了,心中不免有些激动。今天和其他几位老师交流了一下,感觉受益匪浅.
7#
发表于 2015-3-15 23:07:37 | 只看该作者
HTML技术的不断发展和完善,随之而产生了众多网页编辑器,从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器(则原始代码编辑器)
金色的骷髅 该用户已被删除
8#
发表于 2015-3-22 18:11:31 | 只看该作者
时间轴)窗口--时间轴--选中图层并拖图层到时间轴,将其放在指定帧上
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2024-12-23 06:50

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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