web中使用外部链接CSS文件的方式怎样修改文本框达到如下效果

吃小妖的星星 2014-03-09 11:27:24

菜鸟勿喷，注意是使用外部链接CSS文件

的方式

...全文

161 1 打赏收藏转发到动态举报

写回复

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

人生难得一只鸡 2014-03-09

打赏
举报

回复

.text{background:lightblue;color:red;}

然后class="text"

内容简介本书将最有用的CSS技术汇总在一起，在介绍基本的CSS概念和最佳实践之后，讨论了核心的CSS技术，例如图像、链接、列表操纵、表单设计等。每一章内容由浅入深，直到建立比较复杂的示例。之后本书又着重讨论如何使用DIV结合CSS来搭建网站，同时也介绍了CSS在Dreamweaver中的应用。并且对于在CSS制作过程中遇到的Bug进行了详细的分析。本书适合初、中级网页设计爱好者阅读参考。第1篇新手上路第1章 Web标准和XHTML基础 2 1.1 Web标准概述 3 1.1.1 结构 3 1.1.2 表现 4 1.1.3 行为 4 1.2 Web标准的发展历史 5 1.3 Web标准的优点 6 1.4 XHTML基础 7 1.4.1 XHTML标签 7 1.4.2 XHTML的优点 9 1.4.3 XHTML的良好编写习惯 10 1.4.4 文档类型 13 1.4.5 定义语言编码 15 1.5 用Web2.0标准改善现有网站 16 1.5.1 初级改善 16 1.5.2 中级改善 17 1.6 小结 19 第2章 CSS基础 20 2.1 CSS概述 21 2.1.1 CSS介绍 21 2.1.2 CSS的优点 22 2.2 调用样式表 23 2.2.1 内嵌样式 23 2.2.2 内部样式表 23 2.2.3 外部样式表 25 2.3 CSS的单位 27 2.3.1 长度单位 27 2.3.2 百分比单位 28 2.3.3 颜色单位 28 2.3.4 URL单位 29 2.4 基本语法 29 2.5 选择器 30 2.5.1 选择器组 31 2.5.2 class类选择器 31 2.5.3 ID选择器 34 2.5.4 包含选择器 35 2.5.5 属性选择器 35 2.5.6 通配选择器 36 2.5.7 子对象选择器 36 2.5.8 相邻选择器 37 2.5.9 CSS的优先权 37 2.6 伪元素 39 2.7 样式类 41 2.7.1 ID类 41 2.7.2 伪类 42 2.7.3 类继承 44 2.8 样式表的层叠性 47 2.9 注释 49 2.10 CSS的属性和值 49 2.10.1 字体属性 49 2.10.2 文本属性 56 2.10.3 颜色和背景属性 61 2.10.4 边框属性 68 2.10.5 列表属性 74 2.10.6 定位属性 80 2.10.7 鼠标属性 82 2.11 小结 84 第2篇玩转设计第3章图像样式设计 86 3.1 图像边框 87 3.2 图像阴影效果 91 3.3 图像替代文本 96 3.4 图片裁剪 98 3.5 制作图像走廊 100 3.6 小结 106 第4章链接样式设计 107 4.1 链接样式 108 4.1.1 a:link 108 4.1.2 a:visited 109 4.1.3 a:hover 110 4.1.4 a:active 111 4.2 下划线个性化 111 4.3 创建按钮 114 4.3.1 普通按钮式链接 114 4.3.2 3D效果按钮式链接 116 4.4 图片翻转链接 119 4.5 更换链接鼠标指针 122 4.6 小结 124 第5章列表样式设计 125 5.1 创建垂直导航条 126 5.2 创建“滑动门”标签式导航栏 128 5.2.1 滑动门技术 128 5.2.2 “滑动门”标签式导航栏实例 129 5.3 打造个性折叠菜单 132 5.4 创建下拉菜单 137 5.5 CSS图像映射 141 5.6 小结 149 第6章表格样式设计 150 6.1 变换背景色 151 6.1.1 变换表格背景色 151 6.1.2 变换表格行背景色 153 6.1.3 变换单元格背景色 154 6.2 CSS控制表格的颜色交替 155 6.3 CSS控制表格边框 156 6.4 制作圆角框 157 6.5 小结 159 第7章表单样式设计 160 7.1 表单样式设计 161 7.1.1 表单透明化 161 7.1.2 增加表单中的空隙 162 7.2 表单元素样式设计 163 7.2.1 文本框样式 163 7.2.2 文本域样式 166 7.2.3 按钮样式 166 7.2.4 下拉列表样式 167 7.3 小结 169 第3篇深入了解第8章 CSS滤镜 172 8.1 滤镜概述 173 8.2 滤镜属性 173 8.2.1 Alpha属性 174 8.2.2 Blur属性 176 8.2.3 Chroma属性 180 8.2.4 DropShadow属性 182 8.2.5 FlipH、FlipV属性 183 8.2.6 Glow属性 185 8.2.7 Gray属性 187 8.2.8 Invert属性 187 8.2.9 Mask属性 188 8.2.10 Shadow属性 189 8.2.11 Wave属性 191 8.2.12 Xray属性 194 8.3 小结 194 第9章 div+CSS介绍 195 9.1 网页布局模式 196 9.2 div概况 197 9.2.1 了解div 197 9.2.2 使用div 197 9.2.3 定义div 198 9.2.4 div和span的区别 199 9.3 div+CSS布局介绍 200 9.3.1 div+CSS布局的优点 200 9.3.2 div+CSS布局的缺点 201 9.3.3 何时使用TABLE 202 9.4 一列布局 203 9.4.1 一列固定宽度 203 9.4.2 一列宽度自适应 204 9.4.3 一列宽度居中 205 9.5 二列布局 206 9.5.1 二列固定宽度 206 9.5.2 二列宽度自适应 207 9.5.3 二列右列宽度自适应 208 9.5.4 二列固定宽度居中 209 9.6 三列布局 210 9.6.1 中列宽度自适应 210 9.6.2 三栏布局 212 9.7 高度自适应 215 9.8 小结 216 第4篇实战演习第10章 div+CSS打造Blog版面 218 10.1 页面布局和规划 219 10.1.1 页面设计 220 10.1.2 文档目录和模版设计 221 10.2 首页设计 222 10.2.1 首页框架设计 222 10.2.2 导航条设计 225 10.2.3 主体设计 226 10.3 详细页面设计 230 10.4 小结 232 第11章 Dreamweaver 8+CSS可视化开发 233 11.1 Dreamweaver 8对CSS的支持 234 11.1.1 新的CSS支持面板 234 11.1.2 CSS可视化助理 238 11.1.3 代码校验 241 11.1.4 样式呈现 243 11.2 创建CSS布局 246 11.2.1 新建布局页面 246 11.2.2 插入div进行布局 247 11.2.3 创建CSS规则 250 11.3 CSS调试辅助工具 256 11.3.1 Web Developer插件的安装 256 11.3.2 Web Developer插件概要 258 11.3.3 Web Developer的主要功能 261 11.3.4 Web Accessibility Toolbar的安装 269 11.3.5 Web Accessibility Toolbar的主要功能 270 11.4 小结 270 第12章 CSS打造个性版面 271 12.1 首页设计 272 12.1.1 页面整体设计 272 12.2.2 网页header设计 274 12.2.3 页面主体设计 278 12.2.4 网页footer设计 280 12.2 “家居展览”页面设计 281 12.3 “留言本”页面设计 283 12.4 “注册”页面设计 285 12.5 小结 287 第13章 CSS Bug以及修复 288 13.1 常见的CSS Bug 289 13.2 浏览器兼容性 292 13.2.1 CSS hack技术 292 13.2.2 盒模型 298 13.2.3 浮动模型 303 13.2.4 IE 3px Bug 306 13.2.5 IE文字溢出现象 307 13.2.6 IE6 Peekaboo Bug（捉迷藏） 309 13.2.7 IE6 Guillotine Bug（断头台） 310 13.2.8 列表背景消失Bug 312 13.2.9 针对IE7.0的hack 313 13.2.10 正确看待IE 314 13.3 小结 315

1．本书1~21章所附代码的运行环境操作系统：Windows 2003、Windows XP Professional，或者Windows 2000 开发环境：UltraEdit12.10a、eclipse-jee-europa Web浏览器：Microsoft Internet Explorer 6.0及以上版本 Web服务器：Tomcat 5.5.20及以上版本 Java运行时环境：Java5.0 JRE及以上版本 2．本书所附光盘范例第1章（\c01）示例描述：演示JavaScript的简单应用及JavaScript特效。 1.1.html 用JavaScript开发的弹出式“Hello World”实例。 1.2.html 在页面中输出的“Hello World”。 1.3.html 使用JavaScript进行文本框值的判断。 1.4.html 使用JavaScript对网页中的内容进行验证。 1.5.html HMTL中调用.js文件。 1.6.html 使用“”标记，实现的滚动字幕效果。 1.7.html 使用JavaScript实现简单的字幕滚动。 1.8.html 使用JavaScript实现字幕连续滚动。 1.9.html 使用JavaScript实现的简单数字时钟。 1.10.html 使用JavaScript实现的带阴影的数字时钟。 1.11.html 使用JavaScript实现的获取当前详细日期时间信息的数字时钟。 1.12.html 使用JavaScript实现的浏览器地震效果。 common.js 实现数据检验的独立的.js文件。第2章（\c02）实例描述：学习JavaScript的基本语法。 2.1.html JavaScript中this在不同位置指向的对象。 2.2.html null类型的简单应用。 2.3.html 算术运算符用法。 2.4.html 逻辑运算符使用方法。 2.5.html 位运算符使用方法。 2.6.html 赋值运算符使用方法。 2.7.html 条件运算符使用方法。 2.8.html 位操作运算符使用方法。 2.9.html 字符串运算符用法。 2.10.html 布尔表达式的使用。 2.11.html 判断金额是否正常。 2.12.html 不加break的switch语句。 2.13.html switch语句使用方法。 2.14.js 将函数作为参数传递。 2.15.html arguments参数的使用。 2.16.html apply方法与call方法的使用。第3章（\c03）示例描述：学习JavaScript的高级语法。 3.1.html 连接字符串。 3.2.html indexOf()函数与lastIndexOf()函数。 3.3.html 截取字符串的子串。 3.4.html 用户自定义的实现slice函数功能的函数。 3.5.html 删除数组最后项的方法。 3.6.html 向数组头添加一个项。 3.7.html 多维数组的实现方法。第4章（\c04）示例描述：介绍JavaScript的面向对象特性。 4.1.html 对象的创建。 4.2.html 作为关联数组的对象与数组对象实现方式比较。 4.3.html prototype的用法。 4.4.html prototype实现继承机制。 4.5.html try-catch-finally语句执行流程。第5章（\c05）示例描述：介绍JavaScript文档对象模型。 5.1.html 使用DOM获取各级别节点。 5.2.html 使用DOM获取body元素。 5.3.html 获取元素的子节点。 5.4.html 改变div的内容。 5.5.html 获取表格第1行。 5.6.html 获取表格的某列。 5.7.html 修改表格的内容。 5.8.html 无刷新效果更改表格的某行。第6章（\c06）示例描述：介绍JavaScript与表单控件。 6.1.html JavaScript获取文本框的值。 6.2.html JavaScript控制文本框。 6.3.html 文本框的JavaScript特效。 6.4.html 获取select元素的值。 6.5.html JavaScript控制列表框与组合框。 6.6.html 多级下拉列表联动。 6.7.html 各种使用JavaScript获取复选框值的方法。 6.8.html JavaScript控制复选框。 6.9.html 复选框的JavaScript特效。 6.10.html JavaScript取单选框的值。 6.11.html JavaScript控制单选框。 6.12.html 单选框的JavaScript特效。 6.13.html 使用JavaScript控制按钮是否可用。 6.14.html 重置按钮的效果。 6.15.html 提交按钮的效果。第7章（\c07）示例描述：学习JavaScript的事件处理。 7.1.html 双击某行变换背景色。 7.2.html 获取鼠标的位置。 7.3.html div中显示选中文本。 7.4.html 检测onkeydown事件与onkeypress事件执行的先后顺序。 7.5.html 窗口离开时提示。 7.6.html 防止onresize事件重复执行。 7.7.html onerror事件相关处理。 7.8.html onsubmit事件使用方法。 7.9.html 失去焦点时检验文本框的值。 7.10.html 获得焦点时文本框样式更改。 img.JPG onblur事件中加载的图片文件。第8章（\c08）示例描述：学习JavaScript中的document对象。 8.1.html 得到文档锚点对象数组。 8.2.html 获取并设置cookie信息。 8.3.html 获取文档标记的数组及相关操作。 8.4.html 获取location对象的属性值并刷新页面。 8.5.html 包含链接的文档。 8.6.html 包含链接的文档打开的目标文档。 8.7.html 清空文档的内容。 8.8.html 是否调用close()方法的区别。 8.9.html 多次打开输出流的效果。 8.10.html 使用write()方法生成页面。 8.11.html 使用writeln()方法生成文本并换行。第9章（\c09）示例描述：学习JavaScript中的window对象。 9.1.html 控制状态条信息显示。 9.2.html 框架定义。 9.3.html 框架定义时使用的页面。 9.4.html 使用location属性实现窗口跳转。 9.5.html 获取打开当前窗口的窗口并调用其属性。 9.6.html 多框架分离页面。 9.7.html 检验打开消息框后的执行情况。 9.8.html 使用确认对话框的方法。 9.9.html 使用输入对话框修改table的值。 9.10.html 按照要求打开新窗口。 9.11.html 设定重复执行的延时程序。 top.html 框架定义与多框架分离页面时使用的框架头部页面。 left.html 多框架分离页面时使用的左侧框架页面。 right.html 多框架分离页面时使用的右侧框架页面。第10章（\c10）示例描述：学习JavaScript中的正则表达式。 10.1.html 使用句点符号匹配特定字符串。 10.2.html 使用方括号符号实现匹配出租车牌号。 10.3.html 使用或符号匹配日期。 10.4.html 正则表达式中的量词。 10.5.html 正则表达式中的反义符号。 10.6.html 字符串中查找满足表达式的字符。 10.7.html 使用match()方法匹配正则表达式字符串。 10.8.html 匹配数字。 10.9.html 匹配日期格式。 10.10.html 匹配时间格式。 10.11.html 匹配HTML标记。 10.12.html 匹配邮政编码。 10.13.html 匹配IP地址。 10.14.html 匹配Email地址。 10.15.html 匹配网址URL。 10.16.html 匹配手机号码。 10.17.html 匹配中文字符。第11章（\c11）示例描述：介绍JavaScript管理cookie和userData。 11.1.html JavaScript写数据到cookie。 11.2.html JavaScript获取cookie信息。 11.3.html JavaScript修改cookie的保存有效期。 11.4.html 保存数据到userData。 11.5.html JavaScript获取userData的数据。 11.6.html 使用cookie登录。 welcome.html 使用cookie登录成功的欢迎界面。第12章（\c12）示例描述：介绍JavaScript与样式表。 12.1.html 外部定义样式的优先级。 12.2.html 百分比单位的使用。 12.3.html 在当前页面中嵌入CSS样式文件。 12.4.html JavaScript实现动态更改元素的CSS样式。 12.5.html JavaScript实现批量更改CSS样式。 12.6.html JavaScript使用CSS模拟图片的圆角效果。 style.css 页面中嵌入的CSS样式文件。 style1.css 更改样式时使用的CSS样式文件。 roundcorner.css JavaScript使用CSS模拟图片的圆角效果时使用的CSS样式文件。第13章（\c13）示例描述：介绍JavaScript与XML。 13.1.xml 表示书籍信息的XML信息。 13.2.js 跨浏览器兼容的XPath实现。 13.3.xml 使用XSLT实现“Hello World”的XML文件。 13.4.xsl 使用XSLT实现“Hello World”的XSLT文件。 13.5.html 内嵌的XML数据岛。 13.6.html 外嵌的XML数据岛。 13.7.html 在HTML中显示XML数据。 13.8.html JavaScript操作XML数据岛。 13.9.jsp JavaScript+XML实现通讯录。 addressbook.war JavaScript+XML实现通讯录的工程文件（可以直接在Tomcat下发布运行）。 addressbook.xml 记录通讯录的XML文件。第14章（\c14）示例描述：介绍JavaScript与Microsoft Office互操作的方法。 14.1.html 使用JavaScript向Word中写入内容。 14.2.html 使用JavaScript从Word中读取内容。 14.3.html 使用JavaScript向Excel文件中写入内容。 14.4.html 使用JavaScript从Excel中读取内容。第15章（\c15）示例描述：介绍JavaScript与各种浏览器插件的交互方法。 15.1.html 使用JavaScript操作Java Applet。 15.2.html 在Java Applet中调用JavaScript。 15.3.svg 基本SVG文件。 15.4.svg 使用JavaScript操作SVG。 Calculate.java 计算浮点数运算结果的Applet。 Calculate.class Calculate.java的字节码文件。 Calculate1.java 计算浮点数运算结果并调用页面中JavaScript函数的Applet。 Calculate1.class Calculate1.java的字节码文件。第16章（\c16）示例描述：介绍JavaScript访问本地文件的各种方法。 16.1.html 使用JavaScript访问驱动器。 16.2.html 在JavaScript中使用FileSystemObject操作文件夹。 16.3.html 使用JavaScript获取指定文件并列出其内容。 16.4.html 在JavaScript中使用FileSystemObject操作本地文件的方法。第18章（\c18）示例描述：学习XMLHttpRequest对象。 18.1.html 使用Ajax获取HTTP头信息。 18.2.html 使用Ajax获取全部响应头信息。第19章（\c19）示例描述：演示常用Ajax应用实例。 ajaxmodel.war Ajax实例应用的项目文件（可直接在Tomcat中发布运行）。 \ajaxmodel\amel\html\firstAjax.jsp 显示XMLHttpRequest对象状态。 \ajaxmodel\amel\html\userReg.html 完成验证的客户端页面。 \ajaxmodel\amel\html\city.jsp 动态加载列表框的客户端页面。 \ajaxmodel\amel\html\autoRefresh.jsp 自动刷新网页的客户端页面。 \ajaxmodel\amel\html\processBar.jsp 显示进度条的客户端页面。 \ajaxmodel\src\bonze\UserValServlet.java 完成验证的服务器端。 \ajaxmodel\src\bonze\CityServlet.java 动态加载列表框的服务器端。 \ajaxmodel\src\bonze\AutoRefServlet.java 自动刷新网页的服务器端。 \ajaxmodel\src\bonze\ProcessServlet.java 显示进度条的服务器端。第20章（\c20）示例描述：学习JSON并介绍Ajax与JSON。 20.1.html 使用JSON封装数据。 20.2.html 使用JSON值的数组封装数据。 json2.js JSON的.js库文件。 testJson.war 使用JSON与服务器传递信息的项目文件（可直接在Tomcat下发布运行）。 \lib目录在Java中使用JSON需要的lib包列表。 \testJson\src\jsonExercise\JSONServlet.java 处理页面请求的Servlet。 \testJson\src\jsonExercise\ComdtyBean.java 商品信息的POJO。 \testJson\WebRoot\orderInfo.jsp 录入商品信息的JSP页面。第21章（\c21）示例描述：介绍Prototype框架。 21.1.html 使用Prototype的$()方法获取指定元素。 21.2.html 使用Prototype的$A()方法获取数组。 21.3.js 使用Prototype的Try.these()创建XML DOM。 21.4.html Prototype的Form对象的使用方法。 prototype.js Prototype的.js库文件。

课程目标：本季课程引入了CSS3众多功能中的新特性，让设计和开发人员能够轻松的创作出各种精美的界面效果。整合 HTML5 & CSS3 最强大效果，有的是网站开发中常用的、实用的功能，有的是先进的 Web 技术的应用演示。不管哪一种，这些案例中的技术都值得我们去探究和学习。课程介绍：本季课程为CSS特效篇，着重介绍了使用CSS使用页面的特效以实现页面的美化。内容包含：◆ 绘制各种图形◆ 设置容器的背景图片◆ 实现多张背景图的拼接◆ 实现背景色的渐变◆ 使用阴影美化容器或者图片◆ 实现二维空间中图像的移动、旋转、缩放倾斜等◆ 实现三维空间中的图像的移动、旋转、缩放等◆ 在页面中灵活使用过度的特效◆ 在页面中使用动画的特效◆ 使用下拉菜单等内容。在本季课程的讲解中结合了大量的案例演示，通过案例演示可以清楚的加深对CSS常见数据的理解，学习的过程中，一定要动手实战，这样才能真正的领悟到CSS特效的使用细节以下为课程项目展示：

目录第1章　网页的构造块　1 1.1　HTML思想　1 1.2　基本的HTML页面　2 1.3　标签：元素、属性、值及其他　4 1.4　网页的文本内容　7 1.5　链接、图像和其他非文本内容　8 1.6　文件名和文件夹名　9 1.7　URL　10 1.8　HTML：有含义的标记　13 1.9　浏览器对网页的默认显示效果　16 1.10　要点回顾　17 第2章　处理网页文件　19 2.1　规划网站　19 2.2　创建新的网页　20 2.3　保存网页　21 2.4　指定默认页面或主页　24 2.5　编辑网页　24 2.6　组织文件　25 2.7　在浏览器中查看网页　26 2.8　借鉴他人灵感　28 第3章　基本HTML结构　30 3.1　开始编写网页　30 3.2　创建页面标题　33 3.3　创建分级标题　34 3.4　普通页面构成　36 3.5　创建页眉　37 3.6　标记导航　39 3.7　标记页面的主要区域　41 3.8　创建文章　42 3.9　定义区块　45 3.10　指定附注栏　46 3.11　创建页脚　50 3.12　创建通用容器　53 3.13　使用ARIA改善可访问性　56 3.14　为元素指定类别或ID名称　59 3.15　为元素添加title属性　61 3.16　添加注释　62 第4章　文本　63 4.1　添加段落　63 4.2　指定细则　64 4.3　标记重要和强调的文本　65 4.4　创建图　67 4.5　指明引用或参考　69 4.6　引述文本　70 4.7　指定时间　72 4.8　解释缩写词　75 4.9　定义术语　76 4.10　创建上标和下标　77 4.11　添加作者联系信息　79 4.12　标注编辑和不再准确的文本　80 4.13　标记代码　83 4.14　使用预格式化的文本　84 4.15　突出显示文本　85 4.16　创建换行　87 4.17　创建span　88 4.18　其他元素　89 第5章　图像　95 5.1　关于Web图像　95 5.2　获取图像　99 5.3　选择图像编辑器　100 5.4　保存图像　100 5.5　在页面中插入图像　103 5.6　提供替代文本　105 5.7　指定图像尺寸　106 5.8　在浏览器中改变图像的尺寸　108 5.9　在图像编辑器中改变图像的尺寸　110 5.10　为网站添加图标　111 第6章　链接　113 6.1　创建指向另一个网页的链接　113 6.2　创建锚并链接到锚　118 6.3　创建其他类型的链接　120 第7章　CSS构造块　123 7.1　构造样式规则　123 7.2　为样式规则添加注释　124 7.3　理解继承　126 7.4　层叠：当规则发生冲突时　129 7.5　属性的值　132 第8章　操作样式表　139 8.1　创建外部样式表　139 8.2　链接到外部样式表　140 8.3　创建嵌入样式表　142 8.4　应用内联样式　143 8.5　样式的层叠和顺序　145 8.6　使用与媒体相关的样式表　147 8.7　借鉴他人的灵感　148 第9章　定义选择器　150 9.1　构造选择器　150 9.2　按名称选择元素　152 9.3　按类或ID选择元素　153 9.4　按上下文选择元素　156 9.5　选择第一个或最后一个子元素　159 9.6　选择元素的第一个字母或者第一行　161 9.7　按状态选择链接元素　163 9.8　按属性选择元素　164 9.9　指定元素组　168 9.10　组合使用选择器　169 第10章　为文本添加样式　171 10.1　本章之前与本章之后　171 10.2　选择字体系列　173 10.3　指定替代字体　174 10.4　创建斜体　176 10.5　应用粗体格式　177 10.6　设置字体大小　179 10.7　设置行高　184 10.8　同时设置所有字体值　185 10.9　设置颜色　187 10.10　设置背景　188 10.11　控制间距　195 10.12　添加缩进　195 10.13　对齐文本　196 10.14　修改文本的大小写　197 10.15　使用小型大写字母　198 10.16　装饰文本　199 10.17　设置空白属性　201 第11章　用CSS进行布局　202 11.1　开始布局的注意事项　203 11.2　构建页面　204 11.3　在旧版浏览器中为HTML5元素添加样式　206 11.4　对默认样式进行重置或标准化　208 11.5　盒模型　209 11.6　控制元素的显示类型和可见性　211 11.7　设置元素的高度和宽度　214 11.8　在元素周围添加内边距　217 11.9　设置边框　219 11.10　设置元素周围的外边距　222 11.11　使元素浮动　224 11.12　控制元素浮动的位置　226 11.13　对元素进行相对定位　230 11.14　对元素进行绝对定位　231 11.15　在栈中定位元素　232 11.16　处理溢出　233 11.17　垂直对齐元素　234 11.18　修改鼠标指针　235 第12章　构建响应式网站　237 12.1　响应式Web设计：概述　237 12.2　创建可伸缩图像　239 12.3　创建弹性布局网格　241 12.4　理解和实现媒体查询　245 12.5　组合使用　251 12.6　兼容旧版IE　257 第13章　使用Web字体　259 13.1　什么是Web字体　259 13.2　在哪里能找到Web字体　261 13.3　下载第一个Web字体　263 13.4　理解@font-face规则　265 13.5　使用Web字体设置文本样式　266 13.6　为Web字体应用斜体和粗体　269 13.7　使用Google Fonts的Web字体　275 第14章　使用CSS3进行增强　278 14.1　浏览器兼容性、渐进增强和polyfill　278 14.2　理解厂商前缀　280 14.3　为元素创建圆角　281 14.4　为文本添加阴影　284 14.5　为其他元素添加阴影　285 14.6　应用多重背景　288 14.7　使用渐变背景　290 14.8　为元素设置不透明度　295 14.9　生成内容的效果　297 14.10　使用sprite拼合图像　299 第15章　列表　301 15.1　创建有序列表和无序列表　301 15.2　选择标记　304 15.3　使用定制的标记　305 15.4　选择列表的起始编号　308 15.5　控制标记的位置　309 15.6　同时设置所有的列表样式属性　310 15.7　设置嵌套列表的样式　311 15.8　创建描述列表　314 第16章　表单　318 16.1　HTML5对表单的改进　318 16.2　创建表单　320 16.3　处理表单　323 16.4　对表单元素进行组织　324 16.5　创建文本框　327 16.6　为表单组件添加说明标签　330 16.7　创建密码框　332 16.8　创建电子邮件框、搜索框、电话框和URL 框　332 16.9　创建单选按钮　336 16.10　创建复选框　337 16.11　创建文本区域　338 16.12　创建选择框　339 16.13　让访问者上传文件　341 16.14　创建隐藏字段　342 16.15　创建提交按钮　343 16.16　禁用表单元素　345 16.17　根据状态为表单设置样式　346 第17章　视频、音频和其他多媒体　349 17.1　第三方插件和步入原生　349 17.2　视频文件格式　350 17.3　在网页中添加单个视频　351 17.4　为视频添加控件和自动播放　352 17.5　为视频指定循环播放和海报图像　354 17.6　阻止视频预加载　355 17.7　使用多种来源的视频和备用文本　356 17.8　提供可访问性　358 17.9　音频文件格式　358 17.10　在网页中添加带控件的单个音频文件　359 17.11　自动播放、循环和预加载音频　360 17.12　提供带备用内容的多个视频源　361 17.13　添加具有备用Flash的视频和音频　362 17.14　高级多媒体　366 17.15　更多资源　366 第18章　表格　368 18.1　结构化表格　368 18.2　让单元格跨越多列或多行　371 第19章　添加JavaScript　373 19.1　加载外部脚本　374 19.2　添加嵌入脚本　378 19.3　JavaScript事件　378 第20章　测试和调试网页　380 20.1　验证代码　380 20.2　测试页面　382 20.3　尝试一些调试技巧　385 20.4　检查常见错误：一般问题　386 20.5　检查常见错误：HTML　387 20.6　检查常见错误：CSS　388 20.7　如果图像不显示　390 第21章　发布网站　392 21.1　获得域名　392 21.2　为网站寻找主机　393 21.3　将文件传送至服务器　394 附录A　HTML参考　398 附录B　CSS引用　408

61,112

社区成员

60,730

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章