【使用DIV+CSS重写网站首页案例】步骤分析与代码实现

使用DIV+CSS重写网站首页案例

步骤分析:

第一步:先定义一个大的 div(整个页面),然后嵌套 8 个小的 div(共八行);
第二步:(第一行)在第一个 div 里面嵌套 3 个小的 div;
第三步:(第二行)在小 div 里面写一个列表标签(需要使用 css 的 display 属性的 inline);
第四步:(第三行)在小 div 里面放置一张图片
第五步:(第四行)在小 div 里面嵌套 2 个 div(在下面的 div 再嵌套 2 个 div,最后在右
边的 div 里面嵌套 10 个 div)

第六步:(第五行)在小 div 里面放置一张广告图片
第七步:(第六行)复制第四行的代码
第八步:(第七行)在小 div 里面放置一张广告图片
第九步:(第八行) 在小 div 里面放置超链接和文字内容。
 
 
代码实现:
* 一般样式设置<style>写在外部css文件
 
 
 细节调整:
F11按键,打开;
,选择要调整的元素;
在样式中,选择相应属性 ,上下箭头按键进行调整;

调整效果ok,F11按键关闭,在html文件中调整相应的数值;

猜你喜欢

转载自www.cnblogs.com/musecho/p/10962629.html