2.4.1网页布局网页满宽度显示,宽度随浏览器显示界面大小自动调整将固定宽度变为98%: 3、%;height:200px;">2.4.1页面元素定位页面中的元素3种定位方式1.流布局(static)(默认是该方式)页面中的元素按照从左到右、从上到下的顺序显示,各元素之间不重叠。2.坐标绝对定位(absolute)元素显示在页中的位置由style样式的left、top、right、bottom以及z-index属性决定,具有相同z-index值的元素可以重叠,其效果就像多张透明纸按顺序重叠在一起一样。z-index值大的元素会覆盖z-index值小的元素内容。绝对定位元素的坐标位置是以它最近的具有position属 4、性的父容器作为参照物的。见HTMLPosition1.htm3.坐标相对定位relative方式在流布局中的坐标相对定位,元素在页中显示的位置由left、top以及z-index属性决定,具有相同z-index值的元素不重叠。见HTMLPosition2.htm2.4.2CSS样式控制CSSCascadingStyleSheets的缩写,称为级联样式表,也叫层叠式样式表。引入CSS的主要目的是为了将网页结构和表现分离。CSS定义样式的方式内联式嵌入式外部链接式2.4.2CSS样式控制—内联式内联式适用于单独控制某个元素样式的情况。优点:设置样式直观 5、、方便;缺点:大量修改某些元素的样式时,需要对各个元素逐一修改,非常烦琐。举例 6、ue;">2.1第2章第1节 7、t/css">h1{font-size:30pt;color:Red;}h2{font-size:20pt;color:Blue;}第1章
1.1第1章第1节
1.2第1章第2节
第2章
2.1第2章第1节
2.2第2章第2节
8、修改元素的样式时,只需要修改.css文件中的样式即可。优点:一旦修改了.css中的某个样式,凡是引用了指定.css文件的网
此文档下载收益归作者所有