css的一些零碎总结

个人的vue/angular网站开发,记得添加全局css【main.css或index.css】

* {
  padding: 0;
  margin: 0;
  height: 100%;
  font-size: 2.2vh;  /*or vw, viewport height|width*/
  position: relative;
}
  

这里height是100%都是相对于父元素而言【父元素能确定具体大小情况下;和父元素是不是position: static没有关系】

这里注意height的百分比生效【不一定是height,width、margin等都是相对于父元素】,要求父元素有确定的height,即父元素的height比如值是px/vh这类的单位【当然如果父元素的父元素确定了大小,那么父元素用百分比也是来确定具体大小的(这里的最上层元素是html和body如果这两个设置了大小【这两个可以百分比相对于viewport确定具体大小】那么所有的子元素其实就都可以用百分比确定大小了)】

【所以HTML里的html和body默认情况下类似flutter里的根据子元素大小来确定大小】

font-size则可以根据情况看是用相对大小还是绝对大小【px】

配置上面的css有利于网站的整体一致性,需要padding等的元素再配置针对性的比较好;

 

position: absolute;也是相对于父元素【假设父元素不是static】可以做相对于父元素的“浮动”定位(fixed,absolute【通过left,right之类的相对父元素左上角定位】,relative);fixed则可以相对整个页面左上角做浮动定位;

css的一些零碎总结

上一篇:webform/刷新页面时,怎么阻止password格式的内容被清空?


下一篇:Oracle查看用户密码过期,修改永不过期