给大家带来XHTML+CSS教程:天真使用HTML标志
有了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>
表现和内容相分离。将设计部分剥离出来放在一个独立样式文件中，你可以减少未来网页无效的可能。 由CS4版本开始，则转用WebKit排版引擎（亦即GoogleChrome和AppleSafari浏览器所用的排版引擎）作为网页预览。 Adobe Dreamweaver(前称Macromedia Dreamweaver)是Adobe公司的著名网站开发工具。 可以使用 CSS 检查工具进行设计。 不管老师做怎样的解释，而我却对它感到很是吃力，诸如里面有许多不知道的功能。 布局表格、绘制层、制作CSS样式表等，这些内容迷糊了我的视线，真是没想到制作一个精巧别致的网页是如此的困难，可是心有不甘。 帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。 难以逾越的障碍会大大打击你的学习积极性。这就需要你的恒心，坚持不懈的决心。在自己无法解决某些问题时，就需要虚心请教别人. Dreamweaver在所见即所得添加链接，也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈，用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。
页:
[1]