CSS crash course(2)

1. css优先级
   
   • !important >inline style >ID(#) >class >element selector >universal selector
   • 特定的selector>通用类型的selector 如margin-left > margin

   是通配选择器，匹配任何HTML元素，与其他selector一起可以省略，因为效果一样。
   css3 中 * 可与命名空间一起，如ns| 获取ns命名空间下的所有元素。
   

2. Tailwind css 是css的一个样式库
3. vite 用来简化前端开发成本与部署
4. box model
   
   • margin 是element 外部的distance；padding 是invisible space around the content;border: a line around the element.
   • border可以直接设置color，style，width，其中先有style才有color、width的显示
   • value可以用长度或者百分比来表示；对于element（不是element-left、element-top）可以用一个value，表示四个边；两个value，上下、左右；三个value，上，左右，下；四个value，从上到下顺时针。
   • px：static measurement；em、percent is a relative measurement.
5. viewport:视口，web中指的是浏览器可见部分；web图形学中指的是多边形区域。
6. dimension
   
   • width/height element 的宽度或高度，默认设置为内容区域的宽度/高度。
   • auto：设置box model中元素填充适应屏幕。
7. container：包含另一个（些）element的element，通过容器包容其他的selector,利用容器的属性调整容器内所有元素的布局情况。
   8.cursor:属性光标的类型，是cursor的显示样式。

容器式管理布局，体验感蛮好，今日demo。