我刚学div+CSS,为什么感觉在页面用CSS排版的时候总是很乱,无从下手

html-css012

我刚学div+CSS,为什么感觉在页面用CSS排版的时候总是很乱,无从下手,第1张

CSS+DIV排版其实很容易。

如果凭空排版。你可能要先自己用纸画个版面草图。然后用div(不加内容,但是要显示边框)按照草图排版。直到自己满意之后再往div中添加内容。

如果有美工做好的效果图,那么按照效果图来排是最容易的。方法同上。

值得一提的是,排版一般都要求主层居中。而且兼容各个浏览器,关于这个方法,很多人都用

margin:0px 0px auto

这是最通用的让主层居中的方法。但是浏览器兼容性差。在大多数浏览器中,这个样式是不起作用的。

最简单有效,而且兼容所有浏览器的方法就是把主层放在<center></center>里。然后主层里的其它层用float和margin排版。保证不跑偏。

以上是我从事CSS+DIV工作5年的心得。莫见笑。

建议刚开始写CSS,还不熟悉的时候,可以尝试,先把样式写在标签内比如:

<DIV STYLE=""></DIV>

最后再把试用,确定样式没有修改后,再合名放到CSS里,虽然步骤会多了些,但是不会乱。

上手后,就要做好一些共用样式等

熟悉后,就可以先按自己预想结构,搭出HTML,再直接写CSS来装饰起来。

用火狐的FIREBUG插件查看标签样式比较方便。。。

现在可以用他们的漏洞发视频和HTML代码效果

我的模板就添加了这一些功能别人没有的功能我这个模板也有

body{}中加入background:url(***.gif)

repeat-x

注:

repeat

背景图像在纵向和横向上平铺

no-repeat

背景图像不平铺

repeat-x

背景图像在横向上平铺

repeat-y

背景图像在纵向平铺

/*如何设定+固定百度空间的背景*/

在body{}中加入

background-image:url(图片地址)

定义背景图片

background-repeat:

no-repeat

定义背景图片不重复

background-position:

center

定义背景居中

background-attachment:

fixed

定义背景固定,不滚动参数fixed

CSS说明:

CSS快速入门:

教你玩电脑--CSS、HTML、JS、XML的关系:

网页滚动效果设置:

让空间拥有精美flash背景:

最新百度空间CSS说明:

百度空间CSS代码精选:

编辑文章插入媒体:

单页面插入视频工具:

我的博客有视频:

百度空间添加聊天室:

在空间里加入滚动条:

浅析上传漏洞的形成:

自己动手制作百度空间模板:

教你自己动手制作百度空间CSS样式:

css代码收集:

玩转鼠标样式:

css鼠标样式大全和插入办法:

屏蔽访问量下面多余部分:

css个性代码:

百度空间技术:

添加FLASH播放器:

让你看懂CSS各个参数:

做分割线的方法:

新增“自定义模块”代码详解:

浅析注入漏洞的查与补:

透明flash网页背景代码:

CSS语法手册: