css
weixin_46042888
这个作者很懒,什么都没留下…
展开
-
css样式:单行文字溢出问题与多行文字溢出问题
单行文本溢出显示省略号… overflow:hidden; text-overflow:ellipsis; white-spce:nowrap 多行文本溢出 .box { width: 100px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }原创 2021-12-08 15:57:58 · 137 阅读 · 0 评论 -
sass的基础学习(二)
原生的css导入 sass兼容原生的css,所以它支持原生的css@import,下列三种情况会生成原生的CSS@import 被导入的文件的名称以.css结尾 被导入的文件名称是一个URL地址 被导入的文件的名称是CSS的url()值 不能用sass的@import直接导入一个原始的css文件,因为sass会认为你想用css原生的@import。但是sass的语法完全兼容css,所以你可以把原始的css文件改名为.scss后缀,可以直接导入 静默注释 sass提供了一条不同于css标准注释格式/**/.转载 2021-10-01 20:32:02 · 58 阅读 · 0 评论 -
vue——css深度作用选择器 >>> 、/deep/ 、::v-deep
Vue中使用如element-ui等组件库,有的样式直接在组件中修改无效,原因是scoped会自动在元素上添加一段特殊的标识,如:v-data-254811…等。 因为scoped局限于当前组件,去掉scoped的话又会影响全局样式。 针对这种情况,可以使用深度作用选择器(即样式穿透) 1.>>> 如果项目中使用的是css原生样式,那么可以直接使用>>>穿透修改 <style scoped> //编译前 .a >>> .b{ } //编译后转载 2021-09-29 22:07:40 · 615 阅读 · 0 评论 -
sass的基础学习(一)
变量 变量的声明 $变量名 变量的引用 变量可以用中划线,也可以用下划线 两者命名的内容是相通的,但在sass中纯css部分不互通 嵌套CSS规则 可以在规则块中嵌套规则块,避免相同class名或id名重复书写(但编译过后还是原本css的规则),大部分情况下简单的嵌套都没问题,但在父选择器下有一个类似于:hover的伪类,这时候要采用& 父选择器的标识符& 群组选择器的嵌套 (普通css的写法.container h1, .container h2, .contain转载 2021-09-21 20:40:59 · 73 阅读 · 0 评论 -
translate、transform和translation的区别和联系
transform:改变 旋转:rotate()顺时针旋转给定的角度,允许负值 扭曲:skew()元素反转给定的角度,根据给定的水平线X轴和垂直线Y轴 缩放:scale()放大或缩小,根据给定的宽度X轴和高度Y轴参数 移动:translate()平移,传进X,Y值,代表沿X轴和Y轴平移的距离 所有的2D转换方式组合在一起,matrix()旋转、缩放、平移以及倾斜元素 matrix(scale.x,scale.y,translate.x,translate.y) translate:移动 它是transfor转载 2021-09-04 23:36:00 · 786 阅读 · 0 评论