美文网首页
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基础查漏补缺

    强调 斜体 更加强烈的强调 粗体 没有语义,单独设样式时使用 引用 长文本引用 地址信息 代码 大段代码 表格内容...

  • CSS查漏补缺

    1、相邻兄弟选择器 相邻兄弟选择器语法如下:E1 + E2,E2是选择器的对象,如果E1和E2在文档树中共享相同的...

  • css查漏补缺呀

    1、css中~和>~为所有相同的父元素中位于 p 元素之后的所有 ul 元素设置背景: 特点: 两种元素必须拥有相...

  • 【Android面试查漏补缺】之事件分发机制详解

    前言 查漏补缺,查漏补缺,你不知道哪里漏了,怎么补缺呢?本文属于【Android面试查漏补缺】系列文章第一篇,持续...

  • PHP 基础查漏补缺

    1、注释的第三种写法 使用#,这是shell风格的写法。 2、PHP 不像许多其他的编程语言,它不支持全局变量(除...

  • 基础英语-查漏补缺

    关于Hope的用法的易错点 1. hope的被动语态中多用it作为形式主语 eg. It is hoped tha...

  • python查漏补缺-基础

    最近刷题感觉一些简单的概念看似很熟悉,实际上还有很多旮旯需要掌握,本篇不做笼统的汇总,仅针对一些易混淆概念之间的区...

  • 元素分类(CSS查漏补缺)

    文: jack同学 第一种分类块元素 div / p / h1~h6 / ul / li / nav / hea...

  • 查漏补缺

    如果想让HTML5标签兼容低版本浏览器的话,可以使用 html5shiv js来实现。注意:一定要把它引入到前面。...

  • 查漏补缺

    图文环绕和浮动 最初的CSS只是用来写文章,熟练使用float和clear两个属性来布局: float属性:指定一...

网友评论

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

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