css常用属性有哪些

html-css064

css常用属性有哪些,第1张

一、html标签

<pre>...</pre>文字格式化

<div>......</div>列块容器

字体大小变化 <font size=?>想输入的字</font>

字体颜色 <font color="...">想输入的字</font>

字体变粗 <b>想输入的字</b>

字体变斜 <i>想输入的字</i>

字体加下划线 <u>想输入的字</u>

对正中央ㄉ语法 <p align="center">内容</p>

对正左边ㄉ语法 <p align="left">内容</p>

对正右边ㄉ语法 <p align="right">内容 </p>

字体删除线 <s>想输入的字</s>

字体设置 <font face="字体名称">想输入的字</font>

打字机字体 <tt>想输入的字</tt>

上标字 <sup>想输入的字</sup>

下标字 <sub>想输入的字</sub>

水平线 <hr color="...">

换行输入 想输入的字<br>想输入的字

超链接 <a href="想链接网址">链接地的名称</a>

<a href="mailto:填入email">要显示的字打这里</a>网络邮寄标签

贴图 <img src="图形的网址">

跑马灯(循环) <marquee behavior=scroll>想输入的字</marquee>

外部文件导入格式标签

CSS外部导入格式:

<link rel="stylesheet" type="text/css" href="/css.css" />

直接引用:

<style type="text/css">

<!--

id{...}

-->

</style>

javascript - 加载外部.js独立文件:

<script type="text/javascript" src="/script.js"></script>

二、CSS文字属性:

color : #999999/*文字颜色*/

font-family : 宋体,sans-serif/*文字字体*/

font-size : 9pt/*文字大小*/

font-style:itelic/*文字斜体*/

font-variant:small-caps/*小字体*/

letter-spacing : 1pt/*字间距离*/

line-height : 200%/*设置行高*/

font-weight:bold/*文字粗体*/

vertical-align:sub/*下标字*/

vertical-align:super/*上标字*/

text-decoration:line-through/*加删除线*/

text-decoration:overline/*加顶线*/

text-decoration:underline/*加下划线*/

text-decoration:none/*删除链接下划线*/

text-transform : capitalize/*首字大写*/

text-transform : uppercase/*英文大写*/

text-transform : lowercase/*英文小写*/

text-align:right/*文字右对齐*/

text-align:left/*文字左对齐*/

text-align:center/*文字居中对齐*/

text-align:justify/*文字分散对齐*/

vertical-align属性

vertical-align:top/*垂直向上对齐*/

vertical-align:bottom/*垂直向下对齐*/

vertical-align:middle/*垂直居中对齐*/

vertical-align:text-top/*文字垂直向上对齐*/

vertical-align:text-bottom/*文字垂直向下对齐*/

三、CSS符号属性:

list-style-type:none/*不编号*/

list-style-type:decimal/*阿拉伯数字*/

list-style-type:lower-roman/*小写罗马数字*/

list-style-type:upper-roman/*大写罗马数字*/

list-style-type:lower-alpha/*小写英文字母*/

list-style-type:upper-alpha/*大写英文字母*/

list-style-type:disc/*实心圆形符号*/

list-style-type:circle/*空心圆形符号*/

list-style-type:square/*实心方形符号*/

list-style-image:url(/dot.gif)/*图片式符号*/

list-style-position:outside/*凸排*/

list-style-position:inside/*缩进*/

四、CSS背景样式:

background-color:#F5E2EC/*背景颜色*/

background:transparent/*透视背景*/

background-image : url(/image/bg.gif)/*背景图片*/

background-attachment : fixed/*浮水印固定背景*/

background-repeat : repeat/*重复排列-网页默认*/

background-repeat : no-repeat/*不重复排列*/

background-repeat : repeat-x/*在x轴重复排列*/

background-repeat : repeat-y/*在y轴重复排列*/

指定背景位置

background-position : 90% 90%/*背景图片x与y轴的位置*/

background-position : top/*向上对齐*/

background-position : buttom/*向下对齐*/

background-position : left/*向左对齐*/

background-position : right/*向右对齐*/

background-position : center/*居中对齐*/

五、CSS连接属性:

a /*所有超链接*/

a:link /*超链接文字格式*/

a:visited /*浏览过的链接文字格式*/

a:active /*按下链接的格式*/

a:hover /*鼠标转到链接*/

鼠标光标样式:

链接手指 CURSOR: hand

十字体 cursor:crosshair

箭头朝下 cursor:s-resize

十字箭头 cursor:move

箭头朝右 cursor:move

加一问号 cursor:help

箭头朝左 cursor:w-resize

箭头朝上 cursor:n-resize

箭头朝右上 cursor:ne-resize

箭头朝左上 cursor:nw-resize

文字I型 cursor:text

箭头斜右下 cursor:se-resize

箭头斜左下 cursor:sw-resize

漏斗 cursor:wait

光标图案(IE6) p {cursor:url("光标文件名.cur"),text}

六、CSS框线一览表:

border-top : 1px solid #6699cc/*上框线*/

border-bottom : 1px solid #6699cc/*下框线*/

border-left : 1px solid #6699cc/*左框线*/

border-right : 1px solid #6699cc/*右框线*/

以上是建议书写方式,但也可以使用常规的方式 如下:

border-top-color : #369 /*设置上框线top颜色*/

border-top-width :1px /*设置上框线top宽度*/

border-top-style : solid/*设置上框线top样式*/

其他框线样式

solid /*实线框*/

dotted /*虚线框*/

double /*双线框*/

groove /*立体内凸框*/

ridge /*立体浮雕框*/

inset /*凹框*/

outset /*凸框*/

七、CSS表单运用:

文字方块 <input type="text" name="T1" size="15">

按钮 <input type="submit" value="submit" name="B1">

复选框 <input type="checkbox" name="C1">

选择钮 <input type="radio" value="V1" checked name="R1">

多行文字方块 <textarea rows="1" name="S1" cols="15"></textarea>

下拉式菜单 <select size="1" name="D1"><option>选项1</option>

<option>选项2</option></select>

八、CSS边界样式:

margin-top:10px/*上边界*/

margin-right:10px/*右边界值*/

margin-bottom:10px/*下边界值*/

margin-left:10px/*左边界值*/

九、CSS边框空白

padding-top:10px/*上边框留空白*/

padding-right:10px/*右边框留空白*/

padding-bottom:10px/*下边框留空白*/

padding-left:10px/*左边框留空白*/

基本语法

 规则

选择符

任何HTML元素都可以是一个CSS1的选择符。选择符仅仅是指向特别样式的元素。例如, P { text-indent: 3em }

当中的选择符是P。

类选择符

单一个选择符能有不同的CLASS(类),因而允许同一元素有不同样式。例如,一个网页制作者也许希望视其语言而定,用不同的颜色显示代码 :

code.html { color: #191970 }

code.css { color: #4b0082 }

 以上的例子建立了两个类,css和html,供HTML的CODE元素使用。CLASS属性是用于在HTML中以指明元素的类,例如,

<P

例如,code.html.proprietary是无效的。</p>

类的声明也可以无须相关的元素:

.note { font-size: small }

在这个例子,名为note的类可以被用于任何元素。

一个良好的习惯是在命名类的时候,根据它们的功能而不是根据它们的外观。上述例子中的note类也可以命名为small,但如果网页制作者决定改变这个类的样式,使得它不再是小字体的话,那么这个名字就变得毫无意义了。

ID 选择符

ID 选择符个别地定义每个元素的成分。这种选择符应该尽量少用,因为他具有一定的局限。一个ID选择符的指定要有指示符"#"在名字前面。例如,ID选择符可以指定如下:

#svp94O { text-indent: 3em }

这点可以参考HTML中的ID属性:

 <P ID=svp94O>文本缩进3em

关联选择符

关联选择符只不过是一个用空格隔开的两个或更多的单一选择符组成的字符串。这些选择符可以指定一般属性,而且因为层叠顺序的规则,它们的优先权比单一的选择符大。例如, 以下的上下文选择符

P EM { background: yellow }

是P EM。这个值表示段落中的强调文本会是黄色背景;而标题的强调文本则不受影响。

 声明

属性

一个属性被指定到选择符是为了使用它的样式。属性的例子包括颜色、边界和字体。

声明的值是一个属性接受的指定。例如,属性颜色能接受值red。

组合

为了减少样式表的重复声明,组合的选择符声明是允许的。例如,文档中所有的标题可以通过组合给出相同的声明:

H1, H2, H3, H4, H5, H6 {

color: red

font-family: sans-serif }

 继承

实际上,所有在选择符中嵌套的选择符都会继承外层选择符指定的属性值,除非另外更改。例如,一个BODY定义了的颜色值也会应用到段落的文本中。

有些情况是内部选择符不继承周围的选择符的值,但理论上这些都是特殊的。例如,上边界属性是不会继承的;直觉上,一个段落不会有同文档BODY一样的上边界值。

注解

样式表里面的注解使用C语言编程中一样的约定方法去指定。CSS1注解的例子如以下格式:

/* COMMENTS CANNOT BE NESTED */

伪类和伪元素

伪类和伪元素是特殊的类和元素,能自动地被支持CSS的浏览器所识别。伪类区别开不同种类的元素(例如,visited links(已访问的连接)和active links(可激活连接)描述了两个定位锚(anchors)的类型)。伪元素指元素的一部分,例如段落的第一个字母。

伪类或伪元素规则的形式如

选择符:伪类 { 属性: 值 }

选择符:伪元素 { 属性: 值 }

伪类和伪元素不应用HTML的CLASS属性来指定。一般的类可以与伪类和伪元素一起使用,如下:

选择符.类: 伪类 { 属性: 值 }

选择符.类: 伪元素 { 属性: 值 }

定位锚伪类

 伪类可以指定A元素以不同的方式显示连接(links)、已访问连接(visited links)和可激活连接(active links)。定位锚元素可给出伪类link、visited或active。一个已访问连接可以定义为不同颜色的显示,甚至不同字体大小和风格。

一个有趣的效果是使当前(或“可激活”)连接以不同颜色、更大的字体显示。然后,当网页的已访问连接被重选时,又以不同颜色、更小字体显示。这个样式表的示例如下:

A:link { color: red }

A:active { color: bluefont-size: 125% }

A:visited { color: greenfont-size: 85% }

首行伪元素

通常在报纸上的文章,例如Wall Street Journal中的,文本的首行都会以粗印体而且全部大写地展示。CSS1包括了这个功能,将其作为一个伪元素。首行伪元素可以用于任何块级元素(例如P、H1等等)。以下是一个首行伪元素的例子:

 P:first-line {

 font-variant: small-caps

 font-weight: bold }

首个字母伪元素

首个字母伪元素用于加大(drop caps)和其他效果。含有已指定值选择符的文本的首个字母会按照指定的值展示。一个首个字母伪元素可以用于任何块级元素。例如:

 P:first-letter { font-size: 300%float: left }

会比普通字体加大三倍。

第1章 窗口/框架与导航条设计 1

1.1 弹出窗口控制 2

实例001 打开新窗口显示广告信息 2

实例002 定时打开窗口 4

实例003 通过按钮创建窗口 5

实例004 自动关闭的广告窗口 6

实例005 控制弹出窗口居中显示 7

实例006 弹出的窗口之Cookie控制 9

实例007 为弹出的窗口加入关闭按钮 11

实例008 关闭弹出窗口时刷新父窗口 12

实例009 关闭IE主窗口时,不弹出询问对话框 13

1.2 弹出网页对话框 14

实例010 弹出网页模式对话框 14

实例011 弹出全屏显示的网页模式对话框 16

实例012 网页拾色器 18

实例013 日期选择器 21

1.3 窗口的动画效果 26

实例014 页面自动滚动 26

实例015 打开窗口特殊效果 27

实例016 动态显示窗口 29

实例017 慢慢放大的窗口 30

实例018 下降式浏览器 32

实例019 旋转的窗口 33

实例020 移动的窗口 34

实例021 震动的窗口 35

实例022 弹出广告窗口 36

1.4 窗口控制 37

实例023 窗口始终在最上面 38

实例024 窗口的最小化、最大化 39

实例025 频道方式窗口 41

实例026 全屏显示 42

实例027 设置窗口大小和位置 43

实例028 刷新当前页 44

实例029 自动最大化 45

实例030 自定义导航控制面板 46

实例031 根据用户分辨率自动调整窗口 48

1.5 窗口的其他效果 49

实例032 打开窗口时显示对话框 50

实例033 使窗口背景透明 50

实例034 立体窗口 52

实例035 动态标题栏 53

实例036 固定大小的窗口 54

1.6 框架的应用 55

实例037 框架集的嵌套 56

实例038 在网页中应用浮动框架 58

实例039 创建空白框架 60

实例040 居中显示框架页 62

1.7 无边框窗口 63

实例041 全屏显示无边框有滚动条的窗口 63

实例042 应用CSS+DIV实现指定尺寸无边框无滚动条窗口 65

实例043 应用JavaScript实现指定尺寸无边框无滚动条窗口 67

1.8 水平导航条应用 69

实例044 图片按钮导航条 69

实例045 导航条的动画效果 71

实例046 不用图片实现质感导航条 72

1.9 下拉菜单式导航条 73

实例047 二级导航菜单 74

实例048 半透明背景的下拉菜单 76

实例049 展开式导航条 80

实例050 用层制作下拉菜单1 81

实例051 用层制作下拉菜单2 84

1.10 侧导航条设计 86

实例052 自动隐藏式菜单 87

实例053 收缩式导航菜单 89

实例054 树状导航菜单 91

第2章 表单及表单元素 95

2.1 文本框/编辑框/隐藏域组件 96

实例055 获取文本框/编辑框/隐藏域的值 96

实例056 自动计算金额 97

实例057 设置文本框的只读属性 98

实例058 限制多行文本域输入的字符个数 100

实例059 自动选择文本框/编辑框中的文字 102

实例060 按下回车键时自动切换焦点 103

2.2 下拉列表/菜单 104

实例061 获取下拉列表/菜单的值 104

实例062 遍历多选择下拉列表 105

实例063 在下拉列表中进行多选移除 106

实例064 将数组中的数据添加到下拉菜单中 107

实例065 应用下拉菜单选择所要联机的网站 108

实例066 多级级联菜单 110

实例067 可以输入文字的下拉菜单 111

实例068 根据下拉菜单的值显示不同控件 112

实例069 分级下拉列表 113

2.3 单选按钮组 114

实例070 不提交表单获取单选按钮的值 114

实例071 选中单选按钮后显示其他表单元素 116

实例072 通过单选按钮控制其他表单元素是否可用 117

2.4 复选框 117

实例073 不提交表单获取复选框的值 118

实例074 控制复选框的全选或反选 118

实例075 只有一个复选框时控制复选框的全选或反选 119

2.5 密码域 120

实例076 让您的密码域更安全 120

实例077 不提交表单自动检测密码域是否相同 121

2.6 表单应用 122

实例078 通过JavaScript控制表单的提交与重置 122

实例079 带记忆功能的表单 123

实例080 防止表单重复提交 124

实例081 自动提交表单 125

实例082 通过for循环获取表单元素的中文名称 126

实例083 可以提交到不同处理页的表单 127

第3章 实用JavaScript函数 129

3.1 数据验证 130

实例084 通过正则表达式验证日期 130

实例085 验证输入的日期格式是否正确 132

实例086 检查表单元素是否为空 134

实例087 验证E-mail是否正确 135

实例088 通过正则表达式验证电话号码 137

实例089 验证输入的字符串是否为汉字 139

实例090 验证身份证号码 140

实例091 验证用户名和密码 142

实例092 验证车牌号码 144

实例093 验证网站地址 145

实例094 验证数量和金额 147

实例095 验证字符串是否以指定字符开头 149

实例096 限制输入字符串的长度 150

3.2 字符串处理 152

实例097 小写金额转换为大写金额 152

实例098 去除字符串中的空格 155

实例099 转换输入文本中的回车和空格 156

实例100 将数字字符串格式化为指定长度 158

实例101 把一个长数字分位显示 159

实例102 将RGB格式的颜色值转换为十六进制格式 161

实例103 将IP地址转换为对应的数值 163

实例104 从指定URL中提取文件名 164

3.3 随机函数 166

实例105 随机产生指定位数的验证码 166

实例106 生成随机字符串 167

3.4 日期与时间 169

实例107 显示长日期格式的系统日期 169

实例108 实时显示系统时间 171

第4章 日期和时间 173

4.1 日期时间显示 174

实例109 在标题栏中显示日期时间 174

实例110 使用toLocaleString()方法获取本地时间 176

实例111 全中文显示日期 176

实例112 在状态栏中显示日期时间 178

实例113 使用数组显示星期 179

实例114 在表格中显示时间 180

实例115 退出页面时显示停留时间 181

实例116 显示用户在页面的停留时间 182

实例117 显示最后修改时间 183

4.2 日期时间算法 184

实例118 计算某一天是星期几 184

实例119 判断指定年份是否为闰年 186

实例120 计算从出生到现在度过的时间 187

实例121 返回两个日期之间的间隔小时 188

实例122 倒计时 190

实例123 访问时间限制 191

实例124 计步器 192

4.3 日期时间特效 194

实例125 分时问候 194

实例126 节日提示 195

实例127 倒影时钟 196

实例128 带阴影的时钟 199

实例129 动态石英钟 200

实例130 生日提醒器 203

实例131 数字时钟 205

实例132 各地时间表 206

实例133 位于页面顶层的时钟 209

第5章 文字特效 213

5.1 文字的颜色变换 214

实例134 简单文字变色 214

实例135 文字变色 215

实例136 变换的文字 216

实例137 描边文字 217

实例138 霓虹灯文字 218

实例139 追逐点亮的文字 219

实例140 萤光文字 220

实例141 发光文字的闪烁效果 221

实例142 文字的舞台灯光效果 223

实例143 制作彩色渐变文字动画 224

5.2 改变文字大小 226

实例144 文字伸缩 226

实例145 动荡的文字 227

实例146 文字伸展 228

实例147 文字逐个放大 230

实例148 自动改变大小 231

实例149 选择字体的大小 232

5.3 文字显示效果 234

实例150 文字渐隐渐现 234

实例151 文字虚幻变化 235

实例152 文字虚幻抖动 237

5.4 指定文字位置 238

实例153 将文字置于工作区左上角 238

实例154 右上角文字 239

实例155 鼠标移动文字 241

5.5 文字动态移动 242

实例156 文字自动滚屏 242

实例157 文字上下滚动 243

5.6 文字立体效果 244

实例158 文字的旋转 244

实例159 立体旋转文字 246

实例160 文字3D效果 248

5.7 文字动画效果 249

实例161 反弹文字 249

实例162 飞舞的文字 252

实例163 飞翔的文字 254

实例164 平面旋转的文字 257

实例165 输出文字 258

实例166 文字打字效果 259

实例167 文字抖动 261

实例168 指向文字时飞出星形标记 262

实例169 文字的抛出效果 264

5.8 文字特殊效果 265

实例170 波浪文字 265

实例171 梦幻文字效果 266

实例172 屏风文字 268

实例173 文字阴影 270

5.9 其他 270

实例174 随机显示文字 270

实例175 文字加密及解密 271

第6章 超级链接特效 275

6.1 超级链接样式 276

实例176 改变超级链接字体样式 276

实例177 当鼠标移动到超级链接时改变超级链接颜色 277

实例178 改变超级链接背景色 278

6.2 超级链接控制 279

实例179 建立E-mail超级链接 280

实例180 获取页面中的全部超级链接 281

实例181 将网站设为首页 282

实例182 单击鼠标右键自动链接到指定网站 283

实例183 单击超级链接将本页加入收藏夹 285

实例184 访问指定的链接地址 286

实例185 返回默认主页 287

实例186 导航链接 289

6.3 超级链接特效 291

实例187 快速闪动页面中的超级链接 291

实例188 滚动的超级链接提示信息 292

实例189 公告栏中显示超级链接 294

实例190 显示超级链接站点相关信息 295

实例191 显示超级链接的提示信息 296

实例192 半透明背景的超级链接提示 297

第7章 操作表格 299

7.1 表格的颜色效果 300

实例193 闪烁的表格边框 300

实例194 单元格边框变色 301

实例195 选中的行变色 302

7.2 对单元格的焦点进行控制 303

实例196 选定表格中的单元格 303

实例197 左右移动单元格的信息 304

实例198 通过键盘使单元格焦点任意移动 306

7.3 对表格的行、列进行修改 311

实例199 动态制作表格 311

实例200 动态生成行或列 313

实例201 删除表中的行 314

7.4 单元格的相关操作 316

实例202 隐藏及显示单元格 316

实例203 编辑单元格中的文本信息 318

实例204 合并单元格 320

实例205 在表格中添加行及单元格 322

实例206 删除表中的单元格 324

7.5 表格的特殊效果 325

实例207 透明表格 326

实例208 限制表格的宽度 327

实例209 表格的标题 328

实例210 表格的外阴影 329

实例211 立体表格 329

实例212 虚线边框表格 330

实例213 表格作为分割线 332

实例214 表格向下展开 332

第8章 图形图像与多媒体 335

8.1 图片大小 336

实例215 打开自定义大小的图片 336

实例216 图片放大缩小 337

实例217 通过鼠标滚轮放大缩小图片 338

8.2 图片与鼠标相关操作 339

实例218 跟随鼠标移动的图片 340

实例219 可以左右拖动的图片 340

实例220 随意拖动图片 342

实例221 当鼠标经过图片时显示图片 344

实例222 改变图片获取焦点时的状态 345

实例223 抖动的图片 346

实例224 鼠标移动放大图片 347

8.3 图片与时间相关操作 349

实例225 定时隐藏图片 349

实例226 根据时间变换页面背景 350

实例227 使图片不停闪烁 352

实例228 上下跳动的图片 352

实例229 图片左右晃动 354

实例230 飘舞的变形图片 356

8.4 图片的动画效果 358

实例231 图片翻转效果 359

实例232 水波倒影特效 360

实例233 图片渐隐渐现 361

实例234 图片的探照灯效果 362

实例235 雷达扫描图片特效 363

实例236 在页面中旋转的图片 365

实例237 改变形状的图片 366

实例238 图片在页面浮动 367

实例239 随机变化的网页背景 369

8.5 选择头像 370

实例240 在列表中选择图片 370

实例241 在弹出的新窗口中选择图片 372

8.6 在页面中播放图片 374

实例242 幻灯片式播放图片 374

实例243 无间断的图片循环滚动效果 376

8.7 图片的其他效果 377

实例244 导航地图 377

8.8 播放音乐 378

实例245 为网页设置背景音乐 378

实例246 随机播放背景音乐 380

实例247 MIDI音乐选择 381

8.9 插入Flash动画 383

实例248 插入Flash动画 383

实例249 插入背景透明的Flash动画 384

8.10 播放视频文件 385

实例250 播放AVI文件 385

实例251 自制视频播放器 387

第9章 页面特效 391

9.1 页面背景效果 392

实例252 背景固定居中 392

实例253 背景图片纵向重复显示 393

实例254 通过按钮变换背景颜色 395

实例255 背景自动变色 396

实例256 百叶窗 396

实例257 渐隐渐显的背景颜色 398

实例258 页面缩小 399

实例259 页面上下打开效果 400

实例260 页面左右打开效果 402

实例261 页面溶解效果 404

9.2 特殊页面 406

实例262 页首页尾切换 406

实例263 调用下载页面 408

实例264 程序加载页面 409

实例265 颜色拾取器 411

9.3 广告页面 415

实例266 图片总置于顶端 415

实例267 随机显示广告 416

实例268 广告随滚动条漂移 418

9.4 页面动画效果 419

实例269 下雪 419

实例270 飘落的枫叶 421

实例271 下雨 423

实例272 背景的烟花效果 425

实例273 变色的圆圈 427

实例274 滚动的光环 429

实例275 星空极速飞入效果 430

实例276 闪烁的星星 432

9.5 其他 434

实例277 带密码的网页 434

实例278 页面左右滚动 435

实例279 动态移动的层 437

实例280 在页面中显示十字光标 438

第10章 状态栏特效 441

10.1 状态栏文字动画 442

实例281 使状态栏中的文字不停闪烁 442

实例282 文字从右向左依次弹出 443

实例283 文字从中间向两边展开 445

实例284 文字跑马灯特效 447

实例285 文字依次显示后快速收缩 449

实例286 文字的展开与收缩 451

实例287 状态栏中的文字依次弹出 452

10.2 其他 453

实例288 在状态栏显示固定自定义信息 453

实例289 在状态栏显示鼠标坐标 454

实例290 在状态栏显示特定的超级链接信息 456

第11章 报表与打印 459

11.1 Web打印 460

实例291 调用IE自身的打印功能实现打印 460

实例292 打印指定框架中的内容 461

实例293 利用WebBrowser打印 462

实例294 设置页眉页脚 463

11.2 利用Word打印报表 465

实例295 将页面中的表格导出到Word并打印 465

实例296 打开指定的Word文档并打印 467

实例297 在JSP中利用Word自动打印指定格式的会议记录 468

实例298 在ASP中利用Word自动打印指定格式的会议记录 470

实例299 在PHP中调用Word自动打印指定格式的会议记录 472

11.3 利用Excel打印报表 474

实例300 将Web页面中的数据导出到Excel 474

实例301 将Web页面中的数据导出到Excel并自动打印 476

11.4 利用CSS样式打印 478

实例302 利用CSS样式打印页面中的指定内容 478

实例303 利用CSS样式分页打印 479

11.5 套打邮寄产品单 482

实例304 打印汇款单 482

实例305 打印快递单 484

实例306 打印信封 485

第12章 网站安全 489

12.1 禁止用户复制网页内容 490

实例307 禁止用户复制网页内容(方法一) 490

实例308 禁止用户复制网页内容(方法二) 491

实例309 禁止网页另存为 492

12.2 禁止用户刷新屏幕 493

实例310 屏蔽IE主菜单 493

实例311 屏蔽键盘相关事件 494

实例312 屏蔽鼠标右键 496

12.3 登录页面 497

实例313 具有浏览器检测功能的登录页面 497

实例314 防止SQL注入的登录页面 498

实例315 带验证码的登录页面 500

12.4 其他 501

实例316 使用Script Encoder加密工具加密 501

第13章 HTML/CSS样式 503

13.1 页面效果 504

实例317 统一站内网页风格 504

实例318 设置超级链接文字的样式 508

实例319 网页换肤 509

实例320 滚动文字 512

实例321 制作渐变背景 513

13.2 表格样式 514

实例322 只有外边框的表格 515

实例323 彩色外边框的表格 516

实例324 控制表格指定外边框不显示 518

实例325 背景颜色渐变的表格 520

实例326 表格隔行变色 521

13.3 鼠标及滚动条样式 522

实例327 显示自定义鼠标形状 522

实例328 动画光标 524

实例329 制作彩色滚动条 525

13.4 文字及列表样式 527

实例330 应用删除线样式标记商品特价 527

实例331 在文字上方标注说明标记 528

实例332 指定图标的列表项 529

13.5 文字滤镜特效 530

实例333 文字的发光效果 531

实例334 文字的阴影效果 532

实例335 文字的渐变阴影效果 533

实例336 文字的图案填充效果 534

实例337 文字的探照灯效果 535

实例338 文字的闪烁效果 537

实例339 文字的空心效果 538

实例340 文字的浮雕效果 539

实例341 文字的阳文效果 540

实例342 文字的雪雕效果 541

实例343 火焰字 542

实例344 文字扭曲动画 544

13.6 图片滤镜特效 545

实例345 图片的半透明效果 545

实例346 图片的模糊效果 546

实例347 图片的水波纹特效 547

实例348 图片的灰度效果 548

实例349 图片的动态说明文字 549

第14章 JavaScript与XML 553

14.1 读取XML文件 554

实例350 使用XML DOM对象读取XML文件 554

实例351 使用XMLHttpRequest对象读取XML文件 557

14.2 显示XML文档 559

实例352 使用CSS显示XML文档 559

实例353 使用XSL显示XML文档 562

实例354 使用IE XML数据岛输出XML文档 564

14.3 操作XML 565

实例355 用JavaScript控制XML文档的分页显示 565

实例356 通过操作XML数据岛实现添加、删除留言信息 567

第15章 JavaScript与ASP结合 573

15.1 弹出窗口/对话框控制 574

实例357 关闭弹出窗口时刷新父窗口 574

实例358 打开新窗口显示详细信息 575

实例359 弹出网页模式对话框 577

实例360 日期选择器 580

实例361 弹出提示对话框并重定向网页 584

实例362 打开指定大小的新窗口并居中显示 586

15.2 弹出确认对话框 588

实例363 删除数据前弹出确认对话框 588

实例364 安全退出前弹出确认对话框 590

15.3 其他 591

实例365 远程获取其他网页情报 591

实例366 树状导航菜单 594

实例367 使用XML实现不刷新页面查询数据 596

第16章 JavaScript与JSP结合 601

16.1 窗口与对话框 602

实例368 弹出提示对话框并重定向网页 602

实例369 打开新窗口显示详细信息 604

实例370 打开指定大小的新窗口并居中显示 605

实例371 弹出网页模式对话框 607

实例372 关闭弹出窗口时刷新父窗口 609

16.2 无刷新技术 611

实例373 无刷新的用户名检测 611

实例374 无刷新的级联下拉列表 614

实例375 使用XML实现不刷新页面查询数据 616

16.3 调用与控制 619

实例376 将查询结果导出到Word 619

实例377 调用Excel 621

实例378 调用PowerPoint 622

16.4 其他 623

实例379 树状导航菜单 623

第17章 JavaScript与ASP.NET结合 627

17.1 窗口与对话框 628

实例380 使用JavaScript脚本弹出对话框 628

实例381 打开新窗口显示详细信息 629

实例382 关闭弹出窗口刷新父窗口 631

实例383 弹出网页模式对话框 633

实例384 弹出全屏显示网页 635

17.2 其他 637

实例385 自动隐藏式菜单 637

第18章 JavaScript与PHP结合 641

18.1 窗口与对话框 642

实例386 弹出提示对话框并重定向网页 642

实例387 关闭弹出窗口时自动刷新父窗口 643

实例388 在弹出的网页模式对话框中选择个性头像 645

实例389 时间选择器 647

实例390 弹出提示对话框并重定向网页 649

实例391 删除数据前弹出确认对话框 650

18.2 其他 651

实例392 树状导航菜单 651

第19章 综合应用 657

19.1 计算器 658

实例393 简单计算器 658

实例394 复杂计算器 662

19.2 日历 667

实例395 精美日历 668

实例396 带农历的日历 674

19.3 购物车 681

实例397 添加至购物车 682

实例398 查看购物车 684

实例399 修改商品购买数量 686

实例400 从购物车中移去指定商品 687

实例401 清空购物车 689

JavaScript程序开发范例宝典附录 691

兄弟,下次打字换换行,密密麻麻好考视力。

1.居中

-------------------------------

#box{margin:0 auto}是正确的,但只有FF等非ie内核能这样居中,ie你还得在body加句text-align:center

完整代码:

body{text-align:center}

#box{

margin:0 auto

text-align:left

/*body定义center居中,#box内容会继承,所以这里把#box里面的内容重新设置为居左对齐*/

}

2.浮动

-------------------------------

你说的现象是各浏览器解析css不一致导致的,具体原理及哪个对哪个错网上都找不到相关信息来解释说明这些问题,要追根究底的去查证这些很难。

你记住当你浮动时,大盒子里面的那几个小盒子都浮动起来就不会在不同浏览器下出问题了(并且要养成习惯浮动后必须清除浮动,另外还有个双倍浮动边的问题时不时冒出来需要你处理)

3.其实还是浮动的问题

-------------------------------

你没有清除浮动。就是问题2里面我最后写的括号里面那句话:养成习惯浮动后必须清除浮动;

你牢记,任何时候浮动了都得清理,不然页面做完了前面的浮动出些小麻烦,后门的尺寸值跟着前面错了,改起来会很费时间。清除浮动方法自己百度下。

原理:ff、op、ch等浏览器下,前面有东西浮动后不清除的话,你外面那个大div的盒模型无法被撑开,不会占据本该有的高度。