##

一些属性

单位

  • rpx:微信小程序

二、CSS

  • 选择器
  • CSS 引入:外部引入、内部引入 <style> 、内联引入
  • 层叠:自身覆盖赢自身
  • 优先级:类赢标签选择器
    • !important无视一切
  • 继承:比如页面继承自 body,除非自身得标签单独设置
  • 属性和值
  • 函数
    • width: calc(90% - 30px);
    • transform: rotate(0.8turn)
  • @rules 符号:引入其他的样式表、判断 media 情况查看是否可以将媒体查询添加到 CSS 中,该查询将根据视口宽度更改样式。更改浏览器窗口的宽度以查看结果。
  • 速记属性
  • 注释:用“—-”来定位

盒模型

MDN 链接

  • display: flex;将块级盒子(block box)编程内联盒子(inline box)
  • display: block;把内联盒子换成块级盒子
  • display: inline;将其编程内联盒子
  • display: inline-flex;

背景和边框

MDN 链接

溢出

MDN 链接

处理在盒模型当中内容太多溢出的情况

值和单位