html/css基础查漏补缺

  • <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" 表格内部边框显示
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,854评论 1 92
  • CSS格式化排版 1、字体 我们可以使用css样式为网页中的文字设置字体、字号、颜色等样式属性。下面我们来看一个例...
    张文靖同学阅读 1,321评论 0 3
  • 本文主要是起笔记的作用,内容来自慕课网. 认识CSS样式 CSS全称为“层叠样式表 (Cascading Styl...
    0o冻僵的企鹅o0阅读 2,676评论 0 30
  • 本课来自http://www.imooc.com/learn/9请不要用作商业用途。 HTML5 HTML介绍 H...
    PYLON阅读 3,348评论 0 5
  • Html 标签 斜体 粗体 单独的样式 引用文本 长文本引用 换行 空格 分割线 地址信息 单行代码 多行代码 无...
    SunnySky_阅读 574评论 0 5