dreamweaver cs6 css可以设置隐藏层吗

html-css05

dreamweaver cs6 css可以设置隐藏层吗,第1张

1. 在你所要点击的按钮图片上,先加上链接(空缺为"#")

2. 选中当前的按钮图片,打开dw中的behaviors面板.用鼠标点击加号"+"

在弹出的菜单栏中选择show-hide layers.

3. 在show-hide layers的对话框中,点击你要显示的层(如:layer1), 再点击show按钮,然后确定.

4. 为了做到鼠标移动到按钮上面时才显示layer1层,所以在behaiors面板中,还要选中由第三步完成后的behavior效果并点击中间的向下箭头,在弹出的菜单中选择on mouseover即可,这样 当鼠标移动到按钮之上,layer1就会显示了.

5. 但是,很重要的事,你必须事先在layers面板中将layer1隐藏,此时会在layer1前出现一个闭眼的符号状态.

很多Web小白在学习、在选择适合自己的Web语言时,比较纠结。其实有很多流行的、强大的前端开源框架,帮助你轻松构建漂亮的网站前端。

1、Pure

Bootstrap,Patternfly和MDC Web是功能非常强大的CSS框架,但它们可能非常繁琐和复杂。如果你想要一个轻量级的CSS框架,可以尝试Pure.css,它本身更接近于CSS编程,但又可以帮助你构建一个不错的网页。Pure是具有最小占用空间的轻量级CSS框架,它由Yahoo开发,根据BSD许可是开源的。

2、Foundation

Foundation声称是世界上最先进的响应式前端框架。它提供了用于构建专业网站的高级功能和教程。许多公司,组织都使用该框架,并且该框架具有大量可用的文档。

3、Skeleton

如果说还有什么框架比Pure更加轻量级,那一定是Skeleton。Skeleton库只有大约400行,并且该框架仅提供一些基本的CSS框架组件。尽管如此,Skeleton还是提供了详细的文档来帮助你快速上手。

4、Materialize

Materialize是一个基于Material Design风格的一个现代化的响应式前端框架,解决了最繁重的工作,结合你的自定义组件,为你提供默认的样式。Materialize的文档页面非常全面,并且很容易遵循。其组件页面包括按钮,卡片,导航等。

5、Bootstrap

Bootstrap无疑是最流行的CSS框架,它是最早的Web前端框架,由Twitter开发。Bootstrap还提供了许多示例来帮助你入门。使用Bootstrap,你可以将不同的组件和布局组合在一起,从而创建有趣的页面设计。它还提供了大量详细的文档。目前在Github上已经有1100多个贡献者,19000多个提交。