public:it:css

差别

这里会显示出您选择的修订版和当前版本之间的差别。

到此差别页面的链接

两侧同时换到之前的修订记录 前一修订版
后一修订版		 前一修订版
public:it:css [2021/01/06 09:28] – [Cascading Style Sheets] oakfirepublic:it:css [2021/12/02 13:32] (当前版本) – oakfire
行 1: 行 1:
 <WRAP center round important 60%> <WRAP center round important 60%>
 注意, css 的诞生最早是为了适应富文本的流式布局, 至今遗留了很多流式风格的布局性质.使用时详查文档,不可类比桌面UI布局而想当然  注意, css 的诞生最早是为了适应富文本的流式布局, 至今遗留了很多流式风格的布局性质.使用时详查文档,不可类比桌面UI布局而想当然 
 +</WRAP>
 +<WRAP center round important 60%>
 +坑： border-radius 设置为纯数字时，不被 chrome 接受，而 vscode, scss 等开发工具链也没有对此进行报错提示。
 </WRAP> </WRAP>
  
行 9: 行 12:
   * [[http://www.w3.org/TR/CSS21/|W3C CSS 2.1]]   * [[http://www.w3.org/TR/CSS21/|W3C CSS 2.1]]
   * [[http://www.w3.org/Style/CSS/current-work.en.html|W3C CSS 3 current work]]   * [[http://www.w3.org/Style/CSS/current-work.en.html|W3C CSS 3 current work]]
 +===== Flex =====
   * [[https://www.w3.org/TR/css-flexbox-1/|CSS flexbox]]   * [[https://www.w3.org/TR/css-flexbox-1/|CSS flexbox]]
 +  * [[https://developer.mozilla.org/zh-CN/docs/Web/CSS/CSS_Flexible_Box_Layout|MDN: css flexible box layout]]
 +  * [[http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html|Flex 布局教程-阮一峰]]
 ===== Tools ===== ===== Tools =====
   * [[http://cssreference.io/]]: 超好用，直接图像示例展示css效果。   * [[http://cssreference.io/]]: 超好用，直接图像示例展示css效果。
行 16: 行 22:
 ===== Libs ===== ===== Libs =====
   * [[http://necolas.github.io/normalize.css/|normalize.css]]   * [[http://necolas.github.io/normalize.css/|normalize.css]]
 +==== PostCSS ==== 
 +  * [[https://postcss.org/|postcss.org]] 
 +  * [[https://davidtheclark.com/its-time-for-everyone-to-learn-about-postcss/]]
 ==== LESS ==== ==== LESS ====
   * [[http://lesscss.org|lesscss.org]]   * [[http://lesscss.org|lesscss.org]]
  • public/it/css.1609896507.txt.gz
  • 最后更改: 2021/01/06 09:28
  • 由 oakfire