接蓝色。Р 3、外部:外部样式使用在整个多样页面网站。它是一个独立的CSS文件,像下面一样:p {color: red; } a {color: blue; }如果上面保存为“web.css”,HTML里面的链接就会像下面所显示效果,相关的代码如下:<!DOCTYPE html PUBLIC"-//W3C//DTDXHTML1.0Strict//EN""/xhtml1/DTD/xhtml1-strict.dtd"><html>。Р 2.3.3 CSS+DIV的布局方式Р 1、网页页面中的每个区域,如页头区、主体区、链接和版权声明区等,我们都插入相应的DIV元素,然后,用CSS控制DIV使网页居中显示。Р 2、对于页面中所有的DIV元素,利用CSS控制DIV的位置,我们可以将页面中的DIV视为一个个块状元素。在此应用了“盒模型”的工作原理,“盒模型”是CSS的基础,“盒模型”理论认为:页面上的每个元素都被看做一个矩形,这个矩形由内容、填充(padding)、边框(border)和边距(margin)构成。元素的实际宽度=内容宽度+2x边距+2x填充+2x边框,对于每部分的间距,以及文字、图片空隙的调整,用CSS+DIV布局是很合适的,那就是用“盒模型”的工作原理来调整,在网页默认的情况下,元素由上到下依次叠放,当这样的叠放顺序不能满足布局的需要时,就要使用“float(浮动)”属性来改变元素的叠放顺序。元素应用了“float(浮动)”属性,他周围的元素就会靠近、包围元素,这样的影响在有的布局中是多余的,这时,可以用“clear(清除)”属性来阻止这种浮动对后面元素的影响。再复杂的布局也是重复利用这样的技术,大到网页每一部分的叠放,小到文字、图片的排版。Р 3、在DIV中添加各种网页元素,把文字、图片、动画安排到合适的位置,再把每部分合理地叠放到网页中,这样就完成了网页的布局。
全文预览