CSS样式设置与Div+Css布局详解

需积分: 12 4 浏览量更新于2024-08-14 收藏 151KB PPT 举报

"这篇教程主要讲解了如何使用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的使用，对于构建符合现代网页设计要求的网站至关重要。

猫腻MX

粉丝: 22
资源: 2万+

CSS样式设置与Div+Css布局详解

经典DIV+CSS模板 经典DIV+CSS模板

DIV+CSS简单登录界面模板

《精通CSS+DIV网页样式与布局》光盘源码

DIV+CSS网页布局基础-常用HTML标签介绍.rar

40个经典DIV+CSS 网页布局样式

div+css系统布局样例

div+CSS 网页布局教程.网站开发,网页制作

DIV+CSS网页布局商业12案例

《DIV+CSS网页布局》.docx

大学生静态网页设计期末作业-基于HTML+CSS+DIV布局+JS实现的影视推荐静态网页设计

最新资源

经典DIV+CSS模板经典DIV+CSS模板