html/css基础查漏补缺

  • 强调 斜体
  • 更加强烈的强调 粗体
  • 没有语义,单独设样式时使用
  • 引用
  • 长文本引用
  • 地址信息
  • 代码
  •  大段代码
  • 表格内容多时,是加载一点显示一点,加上这个标签后,表格下载完之后才会显示
  • 表格添加标题
  • 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" 表格内部边框显示

你可能感兴趣的:(html/css基础查漏补缺)