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 · 110 阅读 · 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 · 48 阅读 · 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 · 607 阅读 · 0 评论 -
sass的基础学习(一)
变量变量的声明 $变量名变量的引用变量可以用中划线,也可以用下划线 两者命名的内容是相通的,但在sass中纯css部分不互通嵌套CSS规则可以在规则块中嵌套规则块,避免相同class名或id名重复书写(但编译过后还是原本css的规则),大部分情况下简单的嵌套都没问题,但在父选择器下有一个类似于:hover的伪类,这时候要采用&父选择器的标识符&群组选择器的嵌套 (普通css的写法.container h1, .container h2, .contain转载 2021-09-21 20:40:59 · 62 阅读 · 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 · 730 阅读 · 0 评论