设置密码

验证码错误,请重新填写

免费建站旅程马上开始

开始建站
建站中

已有帐号?直接登录

首页>森动学院>网站建设教程 > div+css 学习笔记(一)
div+css 学习笔记(一)
发布时间: 2014-05-27
DIV+CSS是WEB设计标准,它是一种网页的布局方法。与传统中通过表格(table)布局定位的方式不同,它可以实现网页页面内容与表现相分离。

今天看css结构与规则文档才第一次知道有网页制作者和读者之分,由于对新知识的好奇--用户怎么定义样式呢?所以搜索了一下,还真找到了。原来IE和火狐都可以导入用户自己的样式表的--出于人性化的考虑,给特殊人群方便,如老人和视觉障碍的人。另外找到了一个增大和缩小网页的快捷方法:Ctrl和+(加号)放大网页,Ctrl和-(减号)缩小网页,(注:有些网页不起作用,框架的网页或定义了屏幕宽度的网页不起作用)。

一、总结了一下,方法具体如下:
  1、编制一个css样式表。打开记事本(notepad)一类的文本编辑器,你可以
复制以下代码(start到end之间部分),保存为一个.css文档,不妨叫做sendong.css
-------------------- start ----------------------------
body {
font-family : "Lucida Grande", Verdana, Lucida, Arial, Helvetica, 宋体, 楷体
_GB2312,黑 体, sans-serif;
font-size: 14px;
text-align: left;
line-height: 200%;
margin: 10px;
padding: 10px 20px;
background-color:#ffffce;
}
a{
text-decoration:none;
color:black;
}
------------------- end -------------------------------
  2、打开IE浏览器,操作如下:“工具(T)”菜单 ----> Internet选项
(O)...----> “常规”页最右下角落上的“辅助功能(E)...”---->勾选第2、
3、4行选项,第4项点击“浏览(B)...”选择刚才自定义的sendong.css文件,然后
确定,完成设置。
  3、重新打开浏览器,浏览《森动网》网站的文档。
  4、这个方法的欠缺是:对其他网站的界面造成了影响,当然看其他网站的
时候不要使用这个设置就可以了。我个人的做法是:其他网站一般都用firefox
浏览器,只有上《森动网》网站和网络银行等网站才用IE浏览器。
  这个css设置是我的个人设置,你可以改成你喜欢的设置,主要的几项注释
一下:
  font-family 字体,一般不需要改;
  font-size 字体大小,对于小笔记本,也可以改成小字体如12px,对于老人
可以用大字体如 16px或18px;
  text-align 对齐方式,如果要对中,用center;
  line-height 行距,你也可以用150%,等等;
  margin 边距,如果只有一个数字,表示上下左右都是10px;
  padding 边框距,表达方式同margin参数,此处第一个数字10px表示上下边
框距,第二个数字 20px表示左右边框距;
  background-color 背景颜色,如去掉这一行,默认是白色;
  text-decoration:none; 链接下不加横线;
  color:black;链接处字的颜色,如去掉这一行,默认是蓝色;
  BTW: 最后一个建议:如果以后有可能,网站可在保留原风格的前提下,按
照XHTML1.0定义改造一下,格式就非常完美了(这个改造很有好处的)。


二、用Firefox中的自定义样式表阅读网站文章
  Firefox浏览器具有许多功能强大的插件,比如stylish就提供了比IE本身强
大得多的自定义样式表功能。stylish可以对某个URL定制样式表,而且提供预览
功能,极其方便。