一. table表格的基本特性
table 标签基本特性是：display:table;
1、不要给table、th、td 以外的表格标签加样式；
2、单元格默认平分table 的宽度；
3、th里面的内容默认加粗并且左右上下居中显示；
4、td里面的内容默认上下居中左右居左显示；
5、table 决定了整个表格的宽度；
6、table里面的单元格宽度会被转换成百分比；
7、 表格里面的每一列必须有宽度；
8、表格同一竖列继承最大宽度；
9、表格同行继承最大高度；
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<style>
th,td{padding:0;}
table{border-collapse:collapse;}
/* table css reset */
th,td{border:1px solid black; height:50px; width:100px;}
table{width:500px;}
</style>
</head>
<body>
<table><!-- 表格 -->
<tbody>
<tr><!-- 行 -->
<th>表格标题</th>
<th>表格标题</th>
<th>表格标题</th>
<th>表格标题</th>
<th>表格标题</th>
</tr>
<tr>
<td>单元格</td>
<td>单元格</td>
<td>单元格</td>
<td>单元格</td>
<td>单元格</td>
</tr>
</tbody>
</table>
</body>
</html>
二. 表单样式重置
<style>
form{margin:0;}
input{margin:0;padding:0;}
select{margin:0;}
textarea{margin:0; padding:0;resize:none; overflow:auto; outline:none;}
</style>
分享到：
相关推荐
教程名称：妙味课堂Javaｓｃｒｉｐｔ之XHTML CSS2整站视频教程【12讲】 课程目录： 【】妙味课堂-XHTML CSS2整站视频教程-1 【】妙味课堂-XHTML CSS2整站视频教程-10 【】...
总的来说，"妙味课堂——前端HTML+CSS修炼之道"是一门全面的前端开发课程，旨在帮助学习者从零基础开始，逐步掌握构建现代网页所需的HTML和CSS技术，同时强调实际操作和解决实际问题的能力。通过学习，学员不仅可以...
通过《妙味课堂JS视频课后作业-完整详细版》，你可以系统地进行自我测试和提升，逐步成长为一名熟练的前端开发者。记住，实践是检验和巩固知识的最佳途径，不断尝试、分析和解决问题，是成长为优秀程序员的关键。
提供的是妙味课堂的JavaScript视频教程全集下载，百度网盘链接 《初级》 http://pan.baidu.com/s/1hqyEjJ2 《中级》 http://pan.baidu.com/s/1pJ3P8uf 《高级》 http://pan.baidu.com/s/1mgu2msK
880集视频 120G 太给力了 web前端妙味教程课堂开发全套 百度网盘：txt 链接下载
妙味课堂- 播放器，是专门用来播放妙味课程的播放器！
总的来说，这个“03妙味课堂——javascript彩虹圈效果”课程将教你如何结合JavaScript和CSS，利用矢量图形和动画技术创造出引人注目的互动效果。通过学习这个实例，你不仅可以提升JavaScript编程技能，还能对Web动画...
这个框架的设计灵感可能来源于妙味课堂的教学内容，经过了两天深入的学习和理解，开发者用一天的时间编码并进行调试，最终形成了这个成果。开发者希望通过这个框架，能够使其他开发者在创建动态效果时节省时间和精力...
妙味课堂的这个原创JavaScript视频教程，旨在帮助初学者系统地学习和掌握JS的基础知识。 教程共分为5课，涵盖了JavaScript的基础内容，以下是每一课可能涉及的关键知识点： **第1课：JavaScript入门** - ...
教程名称：妙味课堂Javaｓｃｒｉｐｔ特效视频教程 课程目录： 【】01-视频教程版块——360度全景图片 【】02-视频教程版块——QQ幻灯片 【】03-视频教程版块——变量详解(2课...
《妙味课堂JS详解视频课程代码》是一套深入讲解JavaScript编程的高质量教学资源，由知名教育机构妙味课堂的专业讲师倾力打造。这套课程旨在帮助学员全面提升原生JavaScript的掌握水平，同时锻炼和提升逻辑思维能力。...
"妙味课堂JS模拟Flash动感的图文导航菜单"是一个利用JavaScript技术实现的动态导航菜单，旨在模仿早期流行的Flash动画效果，但又避免了Flash在某些设备和浏览器上的兼容性问题。这个教程或资源包是妙味课堂，一个...
JavaScript妙味课堂：动画弹性的产品展示效果，其实更像是一个菜单，可以分类的菜单，点击下边的文字分类，上边的图片会慢慢消失然后对应的分类就回来了，带点Flashr动画效果。
在这个"01妙味课堂——360度全景展示效果"的课程中，我们将深入探讨如何使用HTML、CSS3和JavaScript这三种核心技术来创建一个互动式的全景展示。 首先，HTML（超文本标记语言）是网页内容的基础结构。在构建360度...
教程名称：妙味课堂Javaｓｃｒｉｐｔ高级进阶视频课程【16讲】 课程目录： 【】8-dom高级1 【】8-dom高级2 【】8-php后台1 【】8-php后台2 【】8-事件高级应用1 ...
JavaScript妙味课堂首页的Banner图片切换代码，有着极平滑的图片过渡效果，两幅图片采用淡入、淡出交替，控制按钮可控制播放进度，当然，它自己也会切换的，做的挺不错，不亏是JavaScript脚本的培训课堂。
**CSS3** 是层叠样式表（CSS）的第三个版本，引入了许多新的样式特性和模块，极大地增强了 Web 设计的灵活性和创造性。 #### 新特性： - **过渡和动画：** 支持平滑的过渡和动画效果。 - **多列布局：** 可以轻松...
Sizzle的解析过程包括预处理、解析、测试和匹配四个阶段，对于复杂的CSS选择器，Sizzle都能轻松应对。 3. **DOM操作** jQuery对DOM操作进行了封装，提供了如`$(selector).html()`, `$(selector).append()`, `$...
妙味热身01 课后练习 请为下面的div设置样式，通过点击设置来选择颜色、宽度、高度。
在这个"妙味课堂原创JavaScript视频教程——事件详解3课资料"中，我们深入探讨了JavaScript事件的精髓，帮助开发者更好地理解和运用这一核心概念。以下是关于JavaScript事件的详细讲解： 1. **事件基础**：事件是...