中国投资网 百科 css+div网页布局使用教程

css+div网页布局使用教程

CSS(层叠样式表)是一种用来设计网页的标记语言,和HTML一样是一种解释性语言。例如,设计链接文本最初显示为蓝色,当光标移动时,字体变为红色并带有下划线,这是一种样式。通过设计样式表,您可以控制HTML中每个标签的显示属性。CSS允许用户更有效地控制网页的外观,准确地指定网页元素的位置,以及创建和观察特殊效果。有了CSS,网页的结构和内容可以从表现中分离出来。网页的结构和内容存储在HTML文档中,而用于定义表示的CSS规则存储在另一个CSS样式表文件中。文档结构的基本元素是div元素。许多读者错误地认为div元素没有语义,但实际上,div代表block,它提供了一种将文档划分为有意义区域的方法。通过将主要内容区域包含在一个div中并分配一个ID名称,可以为文档添加结构和含义。网站重构概念的出现也让div结构布局流行起来,于是出现了div css这种网站布局的名称。从单个div css的名字分析可以知道,css的作用已经被认识到并运用到页面布局中。但是一个页面并不只是控制div来控制一切。HTML中有很多标签,使用过表格布局的页面都可以用CSS控制。

CSS代码分为样式,样式是CSS代码的最小单位。每个CSS样式(也称为规则)必须有两个部分:选择器和声明。比如body { padding:0px };一个样式可以包含不止一个声明,而是无限个声明,例如:body { font-size:14px;颜色:#000}

1.使用记事本键入网页。

2.然后在styletype='text/css '标记中输入以下样式代码。定义将div元素显示为带有蓝色边框的方形框,并在一行中并排显示,添加4px边界。

然后将其保存为test.html网页文档,在文档中定义两个div元素,并将它们的class属性值分别设置为绿色和红色。

的总代码是:DOCTYPEhtmlPUBLIC '-//W3C//dtdxhtml 1.0 transitional//EN ' ' http://www . w3 . org/TR/XHTML 1/DTD/XHTML 1-transitional . DTD ' htmlxmlns=' http://www . w3 . org/1999/XHTML ' headmetahttp-equiv=' Content-Type ' Content=' text/html;charset=GB 2312 '/style type=' text/CSS ' div {/*定义div元素显示为正方形*/width:200 px;高度:200px边框:solid 2 px blue;浮动:左;保证金:4px}.绿色{背景色:绿色;}/*将背景色设置为绿色*/。红色{背景色:红色;}/*设置背景色为红色*//styletitle动手练习/title/headbydivclass=' red '/div div class=' green '/div/body/html

特别提示

这里css样式表是以嵌入的方式插入的。

本文来自网络,不代表本站立场,转载请注明出处:https:

css+div网页布局使用教程

中国投资网后续将为您提供丰富、全面的关于css+div网页布局使用教程内容,让您第一时间了解到关于css+div网页布局使用教程的热门信息。小编将持续从百度新闻、搜狗百科、微博热搜、知乎热门问答以及部分合作站点渠道收集和补充完善信息。