![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css3
ANNENBERG
五道口职业技术学院
展开
-
样式-渐变色
0deg可以理解为一个垂直向上的箭头,渐变效果从底部到顶部;90deg顺时针旋转90,渐变从左侧指向右侧.以此类推180deg,360deg,-90deg.....linear-gradient() 函数用于创建一个表示两种或多种颜色线性渐变的图片。可以实现不同方向(指定为一个角度)的渐变效果,如果不指定方向,原创 2023-03-19 19:06:17 · 115 阅读 · 0 评论 -
深度样式的
在vue-cli3编译时,/deep/的方式会报错或者警告,导致变异报错。这个时候用::v-deep。建议平时使用第二种方式,/deep/在某些时候会报错,::v-deep更保险并且编译速度更快。style使用css的预处理器(less, sass, scss)的写法如下。style为css时的写法如下。第二种::v-deep。原创 2023-01-11 10:38:34 · 431 阅读 · 0 评论 -
网页背景置灰
【代码】网页背景置灰。原创 2022-12-01 00:19:49 · 252 阅读 · 0 评论 -
px、em和rem
PXpx像素(Pixel)。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。PX特点1. IE无法调整那些使用px作为单位的字体大小; 2. 国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位; 3. Firefox能够调整px和em,rem,但是96%以上的中国网民使用IE浏览器(或内核)。EMem是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。EM特点1. em的值并不是固定的;原创 2022-02-17 17:12:30 · 93 阅读 · 0 评论 -
将阿里图标iconfont转成css代码显示
1打开https://www.iconfont.cn网站,将自己需要的图标选择添加入库。2在选择好的图标加入购物车,点击下载代码3新建一个demo.css。然后打开刚才下载的压缩包找到iconfont.css这个文件从.iconfont这里开始一直复制到最后,粘贴到demo.css。4然后打开https://transfonter.org/这个网站,点击蓝色的add fonts按钮,打开刚才下载的压缩包中的iconfont.ttf文件,配置如图所示,然后点击convert按钮,转化完成后点击D原创 2021-03-22 11:31:23 · 1040 阅读 · 0 评论 -
vue中样式的设置
一、.绑定style,用变量表示:二1.使用对象的形式进行绑定(class的对象绑定)2.使用数组的形式进行绑定第一种,数组中只有一个变量的形式,class的数组绑定第二种,数组中有多个变量,需要绑定到style中(使用内联样式)注意这里style绑定没有用数组形式,只挂载了styleObj一个对象...原创 2020-10-14 17:04:50 · 269 阅读 · 0 评论