美文网首页
html/css基础查漏补缺

html/css基础查漏补缺

作者: 冰哲 | 来源:发表于2017-03-26 02:02 被阅读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" 表格内部边框显示

    相关文章

      网友评论

          本文标题:html/css基础查漏补缺

          本文链接:https://www.haomeiwen.com/subject/stphottx.html