“CSS”的版本间的差异

来自wrc's Wiki
跳到导航 跳到搜索
第1行: 第1行:
 
[[Category:Frontend]]
 
[[Category:Frontend]]
 +
== 符号的含义 ==
 +
 +
;<code>~</code>: Subsequent-sibling combinator(之后的所有 sibling) <ref>https://www.w3.org/TR/selectors-4/#general-sibling-combinators</ref>
 +
;<code>+</code>: Next-sibling combinator(紧挨着的下一个 sibling) <ref>https://www.w3.org/TR/selectors-4/#adjacent-sibling-combinators</ref>
 +
 
== 笔记 ==
 
== 笔记 ==
  

2021年8月19日 (四) 09:06的版本

符号的含义

~
Subsequent-sibling combinator(之后的所有 sibling) [1]
+
Next-sibling combinator(紧挨着的下一个 sibling) [2]

笔记

增加 br 行间的高度

实际上 br 没有高度,但可通过更改 line-height 的值来实现。[3]

body 中居中一个 div

[4]

html {
  height: 100%;
}
body {
  height: 100%;
  margin: 0;
  padding: 0;
}
.container {
  height: 100%;
  width: 100%;
  display: table;
}
.main {
  display: table-cell;
  height: 100%;
  vertical-align: middle;
  text-align: center;
}
<div class="container">
  <div class="main">
    Stuff
  </div>
</div>

参考资料