仓酷云

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

[DIV+CSS] 给大家带来XHTML+CSS教程:天真使用HTML标志

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

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

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

x
有了CSS,我们不再需要用FONT标签或者透明的1pxGIF图片来控制标题,改变字体颜色,字体样式等等
网页制造poluoluo文章简介:div+css网页结构已渐渐盛行,但面临所谓DIV+CSS结构的叫法让人更加忧虑,不要让DIV成为Table的替换品,多层嵌套的DIV会严峻影响代码的可浏览性,活用HTML为我们供应的标签吧。
div+css网页结构已渐渐盛行,但面临所谓DIV+CSS结构的叫法让人更加忧虑,不要让DIV成为Table的替换品,多层嵌套的DIV会严峻影响代码的可浏览性,活用HTML为我们供应的标签吧。

  甚么时分应当用DIV?

  固然在这方面没有甚么硬性的划定,但团体以为DIV更合用于大致框架的定位.比方我们要界说一块头部的地区,一样平常会如许界说一个DIV:
<divid="header">  这里就是头部框架里要写的内容</div>  固然,能够用class来界说,但一样平常来说如不是在统一页面会反复的元素,用id能更好的区分开来.

  自己察看了下一个出名网站的首页代码,它的头部界说代码以下:<ulid="navbar">
<liid="articles">
<ahref="/articles/"title="Articles">Articles</a></li>
<liid="topics">
<ahref="/topics/"title="Topics">Topics</a></li>
<liid="about">
<ahref="/about/"title="About">About</a></li>
<liid="contact">
<ahref="/contact/"title="Contact">Contact</a></li>
<liid="contribute">
<ahref="/contribute/"title="Contribute">Contribute</a></li>
<liid="feed">
<ahref="/feed/"title="Feed">Feed</a></li>
</ul>
<h1id="masthead">
<ahref="/">
<imgsrc="/pix/alalogo.gif"alt="ALISTApart:ForPeopleWhoMakeWebsites"/>
</a>
</h1><divid="ish">
<ahref="/issues/214"title="Issue214">No.<em>214</em></a>
</div>  界说了最下面的导航(ul部分),右边的年夜logo和谁人圆圆的No.xxxx的标志.

  他没有利用DIV来做顶部的框架,但却很好的申明了这些代码的用处,为何?由于他活用了HTML供应的标签,和款式称号的界说

  别的最经常使用的结构标签
h1
  这个标签也许真正会往用的人很少,由于它显现的字体真的是太"年夜"了,但我们是CSSer,有甚么标签款式不克不及改呢?并且它所能表达的意义就好像它本来的感化一样分明(年夜题目)我想你已晓得怎样往用它了^_^

ul
  这个标签良多情形是用来界说导航部分的,固然也能够用ol来取代,但导航毗连没有甚么按次之分吧,以是仍是用ul来的对照切实(往失落CSS后效果更分明)

b
  这个已不再保举利用的标签,在结构上却能带来很多的便利(由于短),固然我不是太同意利用这个标签,但有些时分(好比微小中央的结构界说)仍是不错的选择

h2
  h2利用最多的中央应当不是结构上,而是副题目,但有些中央必要界说栏目款式的话,用这个标签对照符合,栏目内容就利用p
</p>
表现和内容相分离。将设计部分剥离出来放在一个独立样式文件中,你可以减少未来网页无效的可能。
灵魂腐蚀 该用户已被删除
沙发
发表于 2015-1-17 23:24:57 | 只看该作者
由CS4版本开始,则转用WebKit排版引擎(亦即GoogleChrome和AppleSafari浏览器所用的排版引擎)作为网页预览。
深爱那片海 该用户已被删除
板凳
发表于 2015-1-22 07:49:14 | 只看该作者
Adobe Dreamweaver(前称Macromedia Dreamweaver)是Adobe公司的著名网站开发工具。
精灵巫婆 该用户已被删除
地板
发表于 2015-1-30 23:54:40 | 只看该作者
可以使用 CSS 检查工具进行设计。
不帅 该用户已被删除
5#
发表于 2015-2-6 17:28:13 | 只看该作者
不管老师做怎样的解释,而我却对它感到很是吃力,诸如里面有许多不知道的功能。
金色的骷髅 该用户已被删除
6#
发表于 2015-2-17 18:53:08 | 只看该作者
布局表格、绘制层、制作CSS样式表等,这些内容迷糊了我的视线,真是没想到制作一个精巧别致的网页是如此的困难,可是心有不甘。
第二个灵魂 该用户已被删除
7#
发表于 2015-3-5 22:32:12 | 只看该作者
帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。
小妖女 该用户已被删除
8#
发表于 2015-3-12 16:35:27 | 只看该作者
难以逾越的障碍会大大打击你的学习积极性。这就需要你的恒心,坚持不懈的决心。在自己无法解决某些问题时,就需要虚心请教别人.
蒙在股里 该用户已被删除
9#
发表于 2015-3-20 00:14:22 | 只看该作者
Dreamweaver在所见即所得添加链接,也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈,用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2024-5-21 03:23

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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