css的flex布局使用
1.flex 布局简介 flex 是 flexible box 的缩写，意思是 弹性布局 或 弹性盒子，是 CSS3 中一种新的布局模式，可以简单、完整、响应式地实现各种页面布局，当页面需要适应不同的屏幕大小以及多种设备类型时非常适合用flex布局，...
CSS
CSS实现div的高度自适应填满屏幕
首先html页面body体内容： css样式： 使用了绝对定位：position:absolute的方式，加上对应的top和bottom的使用，达到了预期的效果
动态设置html元素的font-size
动态设置html元素的font-size，方便其他元素设置width、height、margin、padding、font-size等参数值单位rem。 rem布局的原理： 通过媒体查询设置不同屏幕宽度下的html的font-size大小，然后在cs...
Element的Container布局容器布满全屏
摘要：在使用Element（2.10.1版本）的Container布局容器布，发现按照官网的代码运行后，发现不能撑开整个页面，只能显示一段高度 官方代码运行后效果： 如何实现不满全屏呢？实现如下： 1、需要给包裹的div一个height：100% 2...
css-布局- box-sizing 的含义及作用
box-sizing 属性允许您以特定的方式定义匹配某个区域的特定元素。它是CSS3里的属性。 W3C 盒子模型：标准盒模型，是指块元素box-sizing属性为content-box的盒模型。一般在现代浏览器中使用的都是标准盒模型，它也是标准 w3...
css实现超出部分显示省略号
显示一行，省略号 显示两行，省略号
设置输入框input中placeholder的字体颜色、字号
一、须知 placeholder属性时css3中新增加的属性，IE9和Opera12以下版本的CSS选择器均不支持占用文本。 二、设置placeholder文字颜色、字号 方式1 : 因为每个浏览器的CSS选择器都有所差异，所以需要针对每个浏...
CSS背景透明文字不透明或者子节点不透明
其实很简单，只要设置背景颜色的透明度即可，使用rgba方式即可，rgba是rgb颜色和透明度的组合, 如代码： 其中，rgba的第四个参数就是透明度的设置 就这一句代码就可以，不用使用opacity，否则实现起来就麻烦了。
vue开发中，父组件添加scoped之后。解决在父组件中无法修改子组件样式问题。
在vue的开发中，我们需要引用子组件，包括ui组件（element、iview）。但是在父组件中添加scoped之后，在父组件中书写子组件的样式是无效果的。去掉scoped之后，样式可以覆盖。但这样会污染全局样式，为了解决这个问题，vue-loade...
移动端添加横向滚动条及隐藏滚动条
添加横向滚动条 隐藏滚动条，保留滚动效果