怎么用div布局加css样式做网页

 时间:2024-10-20 20:55:39

1、在桌面建立一个index.htm的文件和main.css的文件,当然你也可以不用main.css的文件,但是为了方便操作,还是建一个吧。只要把记事本另存为就可以了。

怎么用div布局加css样式做网页

3、下面我们去main.css写一些属性看看是不是能控制index文件。我希望整个页面是粉色的,看上去温馨,我在main.css里写上*{background:#FF66FF}看看。我们打开index文件看看是不是在浏览器上是不是粉色的。在浏览器上是粉色的,表示已经受到css样式表的控制了。

怎么用div布局加css样式做网页

4、下面我们进行布局一般网页都是3层一级,所以我们需要div布局了在body里面写一般我会先分为3层<html><head><title></title><link href="main.css" type="text/css" rel="stylesheet"></head><body><div id="top"><div id="top1"></div><div id="top2"></div><div id="top3"></div></div></body></html>

怎么用div布局加css样式做网页怎么用div布局加css样式做网页

7、下面我们再去定义他的属性,当然我只是简单的定义一下*{background:#FF33FF}#top{background多唉捋胝:#FFFF99; height:1000px; width:800px; margin-left:auto; margin-right:auto}#top1{background:#66FFFF; height:50px; width:800px; text-align:center; line-height:50px; font-size:30px}#top2{background:#FF00CC; height:400px; width:800px}#top3{background:#FF9933; height:550px; width:800px}.baidu{background:#FF6666; height:380px; width:380px; float:left; margin:10px}.baidujingyan{background:#FFCC00; height:530px; width:380px; float:left; margin:10px;}

怎么用div布局加css样式做网页

9、这样一个网页就做好了,如果需要制作精美的网页,就需要不断的进行div布局和css样式的规定了。

10、下面我来说说网页制作的定义,网页的制作只要会使用div不停的布局,不停的定义他的属性,基本静态的网页就是这样做出来的

怎么用div布局加css样式做网页
  • diiv标签怎样居中导航条
  • CSS如何实现顺时针旋转
  • Sweet Home 3D软件中怎样给模型添加纹理
  • Dreamweaver如何插入Spry数据集
  • Dreamweaver如何插入Figure
  • 热门搜索
    靳字怎么读 赖怎么读 微博怎么改名字 purple怎么读 杳怎么读 剧本怎么写 word为什么打不开 郏县怎么读 菱角怎么吃 澄怎么读