文档介绍:应用环境
DIV元素是用来为HTML文档内大块(block-level)的内容提供结构和背景的元素。DIV的起始标签和结束标签之间的所有内容都是用来构成这个块的,其中所包含元素的特性由DIV标签的属性来控制,或者是通过使用样式表格式化这个块来进行控制。虽然对于在什么时候用div没有什么硬性的规定,,一般会这样定义一个DIV: 这里就是头部框架里要写的内容当然,可以用class来定义,但一般来讲如不是在同一页面会重复的元素,用id能更好的区别开来。查看如下定义代码<ul id="navbar"> <li id="articles"> Articles</li> <li id="topics"> Topics</li> <li id="about"> About</li> <li id="contact"> Contact</li> <li id="contribute"> Contribute</li> <li id="feed"> Feed</li> </ul> <h1 id="masthead"> <a href="/"> <img src="/pix/" alt="A LIST Apart: For People Who Make Websites" /> </h1> No. 214 定义了最上面的导航(ul部分),.。他没有使用DIV来做顶部的框架,但却很好的说明了这些代码的用途,为什么?因为他活用了HTML提供的标签,以及样式名称的定义
编辑本段流行优势
1、符合W3C标准。微软等公司均为W3C支持者。这一点是最重要的,因为这保证您的网站不会因为将来网络应用的升级而被淘汰。 2、支持浏览器的向后兼容,也就是无论未来的浏览器大战,胜利的是IE7或者是火狐,您的网站都能很好的兼容。 3、搜索引擎更加友好。相对与传统的table, 采用DIV+CSS技术的网页,对于搜索引擎的收录更加友好。 4、样式的调整更加方便。内容和样式的分离,使页面和样式的调整变得更加方便。现在YAHOO,MSN等国际门户网站,网易,新浪等国内门户网站,,均采用DIV+CSS的框架模式,更加印证了DIV+CSS是大势所趋。 5、CSS的极大优势表现在简洁的代码,对于一个大型网站来说,可以节省大量带宽,而且众所周知,搜索引擎喜欢清洁的代码。 6、表现和结构分离,在团队开发中更容易分工合作而减少相互关联性。
编辑本段嵌入方式
行内套用我们可以在HTML文件内直接宣告样式。举例来说,Thisisfontsize16. 以上的HTML文件在浏览器上会显现为:Thisisfontsize16. 嵌入套用样式可以嵌入于HTML文件中(通常是在<head>内)。举例来说,<head><style type="text/css">div{background-color:#FF0000;}</style></head><body>背景颜色是红色</body> 以上的HTML会显现出:背景颜色是红色外部连接套用在这种方式下,所有的CSS样式宣告都是存在另外一个档案中。。在HTML文件的<header>..</header>之中,: <linkrel=style sheettype="text/css" href="external-"> 以上这一行会将在external-。汇入套用汇入套用外部的CSS样式也可以被汇入进HTML文件。汇入的做法为利用***@import这个指令。***@import的语法为:<style type="text/css"><!--***@import url("");--></style> ***@import指令最初的用意,是为了能够针对不同的浏览器而运用不同的样式。不过,现在已经没有这个必要。现在用***@import的目的,最常是要加入多个CSS样式。当多个CSS样式被***@import的方式加入,而不同CSS样式互相有冲突时,後被加入的CSS样式有优先的顺位(详情请见CSS串接)。
编辑本段常用标签
h1 这个标签或许真正会去用的人很少,因为它显示的字体真的是太"大"了,但我们是CSSer,有什么标签样式不能改呢?而且它所能表达的意思就如同它原先的作用一样明显(大标题)我想你已经知道怎么去用它了^_^ . ul 这个标签很多情况是用来定义导航部分的,当然也可以用ol来代替,但导航连接没有什么顺序之分吧,所以还是用