随笔分类 - css3相关的文章
摘要：#### 开场白 ``` 随着css的发展，在加上各种优秀ui库的兴起。 我们在项目中浮动用的很少。 但并不意味着我们不使用浮动了。 曾几何时，浮动这个属性是那个遥远时代的'超级明星' 排版，布局，都需要使用他。 今不如昔：现在没落了。他的这几个属性还记得吗？ 1.包裹性 2.浮动的自适应性 3.f
阅读全文
摘要：element-ui表格某一列无数据显示-- 很多时候，表格的某一列可能是没有数据的。 空着了不好看，ui小姐姐会说显示 -- 这个时候，小伙伴是怎么做的呢？ 使用循环来判断是否为空，然后赋值为-- <template> <el-table :data="tableData" style="widt
阅读全文
摘要：先制作一个正方形，让圆点在正方形的最外侧 <style> body { margin: 0; } .loading { width: 200px; height: 200px; background: skyblue; margin: 100px auto 0px; position: relati
阅读全文
摘要：场景描述 简单的说一下场景描述：这个页面有三个部分组成的. 顶部的头部信息--导航栏--内容 当页面滚动的时候。导航栏始终是固定在最顶部的。 我们使用的第一种方案就是使用css的粘性定位 position: sticky; [ˈstɪ ki] 先说一下css的position的属性 position
阅读全文
摘要：文字阴影 文字阴影的语法格式: text-shadow:水平向右的偏移值 向下的偏移值 迷糊度 阴影的颜色,水平向右的偏移值 向下的偏移值 迷糊度 阴影的颜色; 可以有多个阴影，但是在实际的项目中最多一个阴影就可以了。 <style> div { font-size: 100px; text-ali
阅读全文
摘要：css3的属性应该加上浏览器前缀 不同的浏览器内核不同，因此css的前缀不同。 常见的几种浏览器内核 火狐浏览器 Geoko内核 前缀是 -mox- 谷歌浏览器， Webkit内核 前缀是 -wekbit- IE浏览器 Trident内核 前缀是 -ms- opera浏览器 Presto内核 前缀是
阅读全文
摘要：线性渐变 #app { width: 200px; height: 200px; background: linear-gradient(to bottom, red, green); /*从顶部到底部 to是到 效果顶部红 底部绿 你还可以多些几个颜色 如果还有其他的颜色，可以继续写在后面*/ }
阅读全文
