css常用样式

圆角：

border-radius - CSS（层叠样式表） | MDN (mozilla.org)

border-radius

bootstrap：Bootstrap 4 栅格_Bootstrap中文网 (getbootstrap.net)

栅格：

<div class="container">
  <div class="row">
    <div class="col">从xs到xl所有设备上都是等宽并占满一行，只要简单的应用.col就可以完成</div>
    
    <div class="w-100">引用w-100进行切割分行</div>
  </div>
</div>

文本：

文本超出

text-overflow:ellipsis;

必须配合使用：

 text-overflow: ellipsis;//超出文本使用省略号
 white-space: nowrap; //强制不换行
 overflow: hidden;//超出部分隐藏

注意，因为height，width在内联样式上无效，所以必须定义在块级元素上

什么是内联元素？常见的内联元素有哪些？ | w3c笔记 (w3cschool.cn)

 

 除了这些外，并不是只有div可用，h、p等块级元素都可用

且li等也可用

水平居中：

 css如何让文字居中？ - html中文网

text-align:center;

文本垂直居中：

CSS垂直居中的七个方法 - 知乎 (zhihu.com)

绝对定位：

position：absolute

top：50%

left：50%

li标签marker伪类

CSS list-style 属性 (w3school.com.cn)

需要配合ul使用

常用：

active选中效果

 这个方法要用点击函数传入数据

适用于有多个地方需要传入这个选项数据联动的情况 

 另外容易混淆的有

伪类：active

伪元素：：active

计算 calc() 函数

 CSS calc() 函数 | 菜鸟教程 (runoob.com)

用到再更新