![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
松鼠陛下
总也码不好代码的码农
展开
-
关于滚动条占位出现的问题
由于我的网页设置了最小宽度为1200px当浏览器窗口拖拽到宽度小于1200px时,页面底部出现了横向滚动条这个滚动条我是需要的,但是滚动条的出现导致页面高度增加,这样走向的滚动条也出来了解决办法是增加了一个动态的margin-bottommargin-bottom: calc(100vh - 100%);100vh代表相对于浏览器的window.innerHeight,是浏览...原创 2020-03-09 15:06:25 · 3164 阅读 · 0 评论 -
flex布局尝试
一个新项目,拿的element-ui-admin做的模板因为项目需求两级导航菜单,不得已需要对页面布局重构尝试了flex布局,完美解决效果大概如下,flex套了好几层,但是好用呀<!DOCTYPE html><html><head><meta charset="utf-8"> <title>flex布局<...原创 2020-03-09 14:57:40 · 156 阅读 · 0 评论 -
正在加载中
<!DOCTYPE html><html><head><meta charset="utf-8"> <title>正在加载中...</title> <style>dot { display: inline-block; height: 1em; line-height: 1;...原创 2020-01-15 10:37:42 · 361 阅读 · 0 评论 -
scss中calc计算含参数
注意要添加#{}calc(100% - #{$a})原创 2019-12-17 10:36:27 · 1151 阅读 · 0 评论 -
CSS中的五大选择器
1、元素选择器最常见的css选择器当属元素选择器了,在HTML文档中该选择器通常是指某种HTML元素,例如:p,h2,span,a,div乃至html。例如:html {background-color: black;}p {font-size: 30px; backgroud-color: gray;}h2 {background-color: red;}以上css代码会...原创 2019-05-16 14:17:34 · 881 阅读 · 0 评论 -
css实现背景图片透明
纯背景色,实现透明的css方法通常有以下3种方式,以下是不透明度都为80%的写法css3的opacity:x,x 的取值从 0 到 1,如opacity: 0.8 css3的rgba(red, green, blue, alpha),alpha的取值从 0 到 1,如rgba(255,255,255,0.8) IE专属滤镜 filter:Alpha(opacity=x),x 的取值从 0 ...原创 2019-02-14 13:29:29 · 14453 阅读 · 1 评论 -
VUE CLI3 less 全局变量引用
首先展示两个在网上广为流传的方法,我用了没有效果。。。当然估计很多人还是可以成功了方法一1、添加依赖 style-resources-loader2、vue.config.js中添加module.exports = { pluginOptions: { 'style-resources-loader': { preProcessor: 'less',...原创 2019-02-13 16:33:54 · 6889 阅读 · 9 评论 -
CSS鼠标手势
值 描述 url 需使用的自定义光标的 URL。 注释:请在此列表的末端始终定义一种普通的光标,以防没有由 URL 定义的可用光标。 default 默认光标(通常是一个箭头) auto 默认。浏览器设置的光标。 crosshair 光标呈现为十字线。 pointer 光标呈现为指示链接的指针(一只手) move...原创 2019-01-30 13:37:49 · 541 阅读 · 0 评论 -
CSS属性display
截止目前我还没怎么弄明白的属性,可能的值很多,以下还不完全值 描述 none 此元素不会被显示。 block 此元素将显示为块级元素,此元素前后会带有换行符。 inline 默认。此元素会被显示为内联元素,元素前后没有换行符。 inline-block 行内块元素。(CSS2.1 新增的值) list-item 此元素会作为列表显示。 ...原创 2019-01-30 13:25:05 · 122 阅读 · 0 评论 -
CSS属性position
position属性,用得好了,还真是个布局神器,属性描述不难看懂,但真的做到活用,有难度值 描述 absolute 生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。 元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。 fixed 生成绝对定位的元素,相对于浏览...原创 2019-01-30 13:09:16 · 354 阅读 · 0 评论