html/css基础查漏补缺
2017-03-26 本文已影响0人
冰哲
-
<em>
强调 斜体 -
<strong>
更加强烈的强调 粗体 -
<span>
没有语义,单独设样式时使用 -
<q>
引用 -
<blockquote>
长文本引用 -
<address>
地址信息 -
<code>
代码 -
<pre>
大段代码 -
<tbody>
表格内容多时,是加载一点显示一点,加上这个标签后,表格下载完之后才会显示 -
<caption>
表格添加标题 -
letter-spacing
字母间距word-spacing
单词间距 - 不定宽度的块状元素有三种方法居中:
- 加入 table 标签
- 设置 display: inline 方法:与第一种类似,显示类型设为 行内元素,进行不定宽元素的属性设置
- 设置 position:relative 和 left:50%:利用 相对定位 的方式,将元素向左偏移 50% ,即达到居中的目的
- 定宽块状元素
- 满足定宽和块状两个条件的元素是可以通过设置“左右margin”值为“auto”来实现居中的。
- 父元素高度确定的单行文本的竖直居中的方法是通过设置父元素的 height 和 line-height 高度一致来实现的。
- 父元素高度确定的多行文本、图片等的竖直居中的方法有两种
- 使用插入 table (包括tbody、tr、td)标签,同时设置 vertical-align:middle,td 标签默认情况下就默认设置了 vertical-align 为 middle,所以我们不需要显式地设置了。
- 在 chrome、firefox 及 IE8 以上的浏览器下可以设置块级元素的 display 为 table-cell(设置为表格单元显示),激活 vertical-align 属性,但注意 IE6、7 并不支持这个样式, 兼容性比较差。
-
border-collapse: collapse; border="1"
表格内部边框显示