HTML+CSS 细节点储备

116 阅读2分钟

HTML

  1. HTML id 属性有什么作用
  • id 用来表示全局唯一的标签
  • id 的全局唯一性没有保障,就算有两个重复的 id,HTML 也不会提示我写错了
  1. 关于 tabindex,
  • tabindex 可以是正数,不必是连续的
  • tabindex 可以是 0,表示最后才被 tab 访问
  • tabindex 可以是 -1,表示不可被 tab 访问
  1. em 标签和 strong 标签有什么区别?
  • em 表示语气上的强调
  • strong 表示内容本身的重要性

CSS

  1. CSS 目前使用最广泛的版本是
  •  CSS 2.1
  1. 如何知道某个 CSS 属性被浏览器支持的情况
  • 查看 caniuse.com
  1. CSS 搜资料应该搜什么关键字
  • 在想搜的词后面加 MDN
  • 在想搜的词后面加 张鑫旭
  • 在想搜的词后面加 CSS Tricks
  1. 关于 CSS 文档流
  • 文档流的英文名称叫做 Normal Flow,应该翻译成常规流或者普通流
  • 文档流中,内联元素从左到右排列,遇到行尾折行
  • 文档流中,块级元素从上到下排列,一行只有一个块级元素
  1. 关于内联元素
  • HTML 5 中已经抛弃了「内联元素」的概念,所有元素都可以通过 CSS 变成内联的
  • 内联元素不接受 width 和 height 设置宽高
  • 内联元素的宽度由其内部的元素宽度总和决定
  • 内联元素一般不能包含块级元素
  • 内联元素的高度由 line-height 间接确定
  1. CSS 盒模型有两种:
  • 一种是 content-box 一种是 border-box。
  • content-box 的宽度 width 表示内容区的宽度,不包含 padding 和 border;
  • border-box 的宽度 width 表示内容区 + padding + border 的总和。
  • 一般优先使用后者。

CSS定位

  1. position 的取值有:
  • static
  • relative
  • absolute
  • fixed
  • sticky
  1. 哪些情况会使当前元素变成一个层叠上下文
  • html 元素
  • position: relative; z-index: 0;
  • position: absolute; z-index: 0;
  • opacity: 0.5;
  • position:fixed; z-index: auto;

url

  1. 关于 www.xiedaimala.com 和 xiedaimala.com
  • 是不同的域名
  • 它们还有相同的一级域名 xiedaimala.com 2, 关于 hosts 文件
  • hosts 文件中以 # 开头的表示注释
  • hosts 中可以添加一行 127.0.0.1 frank,让 frank 成为 127.0.0.1 的别称
  • hosts 一般需要用管理员权限才能编辑
  1. URL 包含哪些部分?
  • 协议
  • 域名或IP
  • 端口
  • 路径
  • 查询参数
  • 锚点