标签重置 CSS Reset--学习笔记
来源:互联网 发布:个人求职网站方案域名 编辑:程序博客网 时间:2024/06/05 02:03
Questions:
- 为什么要重置标签?
- 为了增强页面的兼容性,让更多的浏览器显示的效果一致;
- 因为不同的浏览器都有一套内置的CSS样式表,目的是为了正常显示不具有样式表的页面;
- 提高我们制作的页面兼容浏览器的性能。
- 最普通的CSS Reset
*{margin: 0; padding: 0;}
- 最常用的CSS Reset
body,div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,textarea,th,td {padding:0; margin:0;}
table {border-collapse: collapse; border-spacing: 0;}
img {border: 0;}
ol,ul{list-style: none;}
h1,h2,h3,h4,h5,h6 {font-weight: normal; font-size: 100%;}
- 在H1标签的重置代码中,“font-size:100%;”起到的作用是什么?
- 知识点补充:
- CSS Table属性属性描述border-collapse设置是否把表格合并为单一的边框。border-spacing设置分割单元框边框的距离。
指定的两个长度中,第一个是水平间隔,第二个是垂直间隔。除非collapse被设置为separate,否则将忽略这个属性。
值:length length 水平间隔 垂直间隔
inherit 规定应该从父元素border-spacing属性caption-side设置表格标题的位置。empty-cells设置是否显示表格中的空单元格。table-layout设置显示单元、行和列的算法。- automatic 自动表格布局,默认。列宽度由单元格内容设定。列的宽度由列单元格中没有折行的最宽的内容设定的。此苏散发有时会慢,这是由于它需要确定最终的布局之前访问表格中所有的内容。
- fixed 固定表格布局。列宽由表格宽度和列宽度设定。允许浏览器更快的对表格进行布局。水平布局仅取决于表格宽度、列宽度、表格边框宽度、单元格间距,而与单元格的内容无关。
- inherit 规定应该从父元素继承table-layout属性的值。
- border-collapse属性设置表格的边框是否被合并为一个单一的边框,还是像在标准的HTML中那样分开显示。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
table{
caption-side: bottom;
}
</style>
</head>
<body>
<table width="500" border="1" bordercolor="#FF0000" cellspacing="0" cellpadding="0">
<tbody>
<caption>这是一个表格</caption>
<tr>
<th>1</th>
<th>1</th>
</tr>
<tr>
<td>2</td>
<td>2</td>
</tr>
</tbody>
</table>
</body>
</html>
- 标签重置 CSS Reset--学习笔记
- CSS Reset样式重置
- 重置样式 reset.css
- Reset.css 样式重置
- 【reset.css重置文件夹】
- css reset 样式重置
- 样式重置 css reset
- reset.css 重置浏览器标签的样式表(源码)
- HTML&CSS基础学习笔记1.26-input标签重置表单
- reset css 重置css YUI
- 关于样式重置reset.css
- css reset重置基础代码
- 简单的CSS重置reset
- css reset 重置样式 html5
- css reset(重置样式)
- CSS Reset(样式重置)
- [CSS学习笔记001] CSS Reset
- CSS工具之CSS重置(Reset CSS)
- 十六:buffer cache作用概念
- 奋战到天亮
- 成为C++高手之while循环
- Centos7搭建Zabbix2.4
- 【华为OJ】【051-查找组成一个偶数最接近的两个素数】
- 标签重置 CSS Reset--学习笔记
- 【华为OJ】【052-输入整型数组和排序标识,对其元素按照升序或降序进行排序】
- 【华为OJ】【053-字符统计】
- seo面试题目百度搜索指令
- 【华为OJ】【054-Redraiment的走法】
- .NET系统学习----Globalization & Resources
- 【华为OJ】【055-字符串匹配】
- 【程序员养生】:经历以及教训及生活日历
- Regular Expressions (1) ---- What is Regular Expressions?