仓酷云

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

[DIV+CSS] 来看看:CSS网页制造技能:进步CSS可浏览性

[复制链接]
蒙在股里 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 23:52:11 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

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

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

x
DIV本身就是容器性质的,你不但可以内嵌table还可以内嵌文本和其它的HTML代码CSS是CascadingstyleSheets的简称,中文译作“层叠样式表单”。
网页制造poluoluo文章简介:也就是总结一下,优秀的誊写习气关于前期的保护有着很让人惊愕的感化;同时,誊写习气决意了浏览的难易水平。而这里的写法,基础上也就是对css从懂得到熟习到自动思索的一个历程。
也就是总结一下,优秀的誊写习气关于前期的保护有着很让人惊愕的感化;同时,誊写习气决意了浏览的难易水平。而这里的写法,基础上也就是对css从懂得到熟习到自动思索的一个历程。
刚入手下手的写法
.menuulli
{
color:#087C00;
width:495px;
height:25px;
border-bottom:1pxsolid#087c00;
text-align:center;
line-height:25px;
}大概
.menuulli{
color:#087C00;
width:495px;
height:25px;
border-bottom:1pxsolid#087c00;
text-align:center;
line-height:25px;}然后写着写着成如许了:
.menuulli{color:#087C00;width:495px;height:25px;border-bottom:1pxsolid#087c00;text-align:center;line-height:25px;}再写啊写的成如许了:
.menuulli{color:#087C00;border-bottom:1pxsolid#087c00;height:25px;line-height:25px;text-align:center;width:495px}不要觉得这两个是一样的。实在纷歧样。依照属性第一个字母在26个英笔墨母中的按次举行誊写。具有优秀的浏览性。
如今基础上我都是接纳以上的办法。良多时分,单行看不出效果。假如多了呢:
.menu{float:left;width:510px;padding-top:18px}
.menuul{padding-left:20px}
.menuulli{color:#087C00;border-bottom:1pxsolid#087c00;height:25px;line-height:25px;text-align:center;width:495px}
.menuulli.bornone{border-bottom:0px}
.menuullia{color:#087C00!important;font-size:12px;font-weight:bold;text-decoration:none}
.menuullia:hover{color:#000!important;text-decoration:underline}
.menuullia:visited{}
.menuullispan{margin:00.7em!important}如许,关于不自傲或对css不年夜熟习的人来讲,一样平常情形下都简单得代码害怕症。
换个体例吧:
.menu{float:left;width:510px;padding-top:18px}
.menuul{padding-left:20px}
.menuulli{color:#087C00;border-bottom:1pxsolid#087c00;height:25px;line-height:25px;text-align:center;width:495px}
.menuulli.bornone{border-bottom:0px}
.menuullia{color:#087C00!important;font-size:12px;font-weight:bold;text-decoration:none}
.menuullia:hover{color:#000!important;text-decoration:underline}
.menuullia:visited{}
.menuullispan{margin:00.7em!important}大概屏幕不敷宽,那末看图片吧:

再来:
.menu{float:left;width:510px;padding-top:18px}
.menuul{padding-left:20px}
.menuulli{color:#087C00;border-bottom:1pxsolid#087c00;height:25px;line-height:25px;text-align:center;width:495px}
.menuulli.bornone{border-bottom:0px}
.menuullia{color:#087C00!important;font-size:12px;font-weight:bold;text-decoration:none}
.menuullia:hover{color:#000!important;text-decoration:underline}
.menuullia:visited{}
.menuullispan{margin:00.7em!important}
图:


你另有甚么好办法?
如果单独使用DIV而不加任何CSS,那么它在网页中的效果和使用是一样的。
透明 该用户已被删除
沙发
发表于 2015-1-17 23:43:16 | 只看该作者
您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别,但它同时也存在着致命的弱点。
只想知道 该用户已被删除
板凳
发表于 2015-1-23 10:00:35 | 只看该作者
俗话说:兴趣是最好的老师。做每一件事都离不开兴趣的驱动。兴趣是自学技术需要迈出的第一步。在学习的过程中,我们难免会遇到各种各样的问题。
兰色精灵 该用户已被删除
地板
发表于 2015-1-31 15:56:38 | 只看该作者
使用所见即所得的接口,亦有HTML编辑的功能。它现在有Mac和Windows系统的版本。原本由Macromedia公司所开发。
莫相离 该用户已被删除
5#
发表于 2015-2-6 21:45:33 | 只看该作者
HTML技术的不断发展和完善,随之而产生了众多网页编辑器,从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器(则原始代码编辑器)
第二个灵魂 该用户已被删除
6#
发表于 2015-2-19 00:15:50 | 只看该作者
Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。
灵魂腐蚀 该用户已被删除
7#
发表于 2015-3-6 12:02:51 | 只看该作者
每天上网看着那样多的网页,于是我才下定决心选择了网页制作这一门课程,目的就是希望以后能够做出一个完美的网页来。
小女巫 该用户已被删除
8#
发表于 2015-3-13 01:09:39 | 只看该作者
在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。
飘灵儿 该用户已被删除
9#
发表于 2015-3-20 09:45:53 | 只看该作者
在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2024-12-23 02:18

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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