CSS样式设置与Div+Css布局详解
"这篇教程主要讲解了如何使用CSS设置表单样式,以及Div+CSS布局的基础知识。内容包括表单提示文字的处理方法、表单边框和字体的设置,并提到了网页制作的整体流程和相关术语。教程还涉及了前端开发的其他方面,如JavaScript的应用、浏览器兼容性问题的解决,以及CSS的引用方式。" 在表单样式设置中,教程提到了三种处理提示文字的方法。第一种是在`<textarea>`标签中利用`onMouseOver`和`onFocus`事件来实现提示文字的隐藏。第二种方法是通过`onFocus`事件改变`<textarea>`的默认值。第三种方法适用于`<input>`标签,利用`onfocus`事件判断并修改输入框的默认值。 表单边框的设置可以通过CSS的`border`属性来完成,可以设置边框的宽度、样式和颜色,以达到自定义的效果。例如,`border: 1px solid #000;`表示设置1像素宽的实线黑色边框。 对于表单字体的设置,CSS提供了丰富的选择,包括`font-family`定义字体类型,`font-size`定义字体大小,`font-weight`定义字体粗细,`color`定义字体颜色等。这些属性可以组合使用,以实现多样化的文本样式。 在Div+CSS布局方面,教程强调了这一布局方式的优势,它有利于结构和表现的分离,提高网页加载速度,并且更受搜索引擎友好。与传统的`table`布局相比,`div`布局更便于控制网页元素的位置和排列。 教程还介绍了Dreamweaver(Dw)的基础知识,包括如何创建HTML文件、建立站点,以及软件的不同工作模式。此外,CSS的引用方式也被提及,包括行内样式、内部样式和外部样式表。行内样式直接写在标签内,影响范围有限;内部样式写在`<head>`标签中,作用于整个页面;外部样式则通过`<link>`标签引入,可实现样式复用,提高代码的可维护性。 整个网站制作流程涵盖从网站策划、效果图制作(如Photoshop和Fireworks)、数据库设计(如MySQL和SQL Server)、后台语言选择(如jsp、asp、.net、php)到前端布局(如Div+CSS)。整个过程中,理解并熟练掌握Web标准,如W3C制定的HTML、XHTML和XML规范,以及CSS的使用,对于构建符合现代网页设计要求的网站至关重要。
![](https://profile-avatar.csdnimg.cn/27279648954848f7b002bb5b9b431241_weixin_42189611.jpg!1)
- 粉丝: 16
- 资源: 2万+
我的内容管理 展开
我的资源 快来上传第一个资源
我的收益
登录查看自己的收益我的积分 登录查看自己的积分
我的C币 登录后查看C币余额
我的收藏
我的下载
下载帮助
![](https://csdnimg.cn/release/wenkucmsfe/public/img/voice.245cc511.png)
最新资源
- 解决Eclipse配置与导入Java工程常见问题
- 真空发生器:工作原理与抽吸性能分析
- 爱立信RBS6201开站流程详解
- 电脑开机声音解析:故障诊断指南
- JAVA实现贪吃蛇游戏
- 模糊神经网络实现与自学习能力探索
- PID型模糊神经网络控制器设计与学习算法
- 模糊神经网络在自适应PID控制器中的应用
- C++实现的学生成绩管理系统设计
- 802.1D STP 实现与优化:二层交换机中的生成树协议
- 解决Windows无法完成SD卡格式化的九种方法
- 软件测试方法:Beta与Alpha测试详解
- 软件测试周期详解:从需求分析到维护测试
- CMMI模型详解:软件企业能力提升的关键
- 移动Web开发框架选择:jQueryMobile、jQTouch、SenchaTouch对比
- Java程序设计试题与复习指南
![](https://img-home.csdnimg.cn/images/20220527035711.png)
![](https://img-home.csdnimg.cn/images/20220527035111.png)
![](https://csdnimg.cn/release/wenkucmsfe/public/img/green-success.6a4acb44.png)