Loading

随笔分类 -  CSS3

摘要:// 艺术字 @font-face { font-family: 'AgencyFB'; src: url('../../public/fonts/AgencyFB.ttf'); } // iconfont import '@/assets/icon/iconfont.css' 阅读全文
posted @ 2021-12-06 15:56 顾诚的城 阅读(403) 评论(0) 推荐(0)
摘要:Vue—样式穿透/deep/ >>> ::v-deep deep()四者的区别 1./deep/ 在vue3.0之前可使用,例如(复写样式前加/deep/),vue3.0及后使用就会报错 & /deep/ .el-input { width: 60px; } 2. ::v-deep 在vue3.0及 阅读全文
posted @ 2021-12-06 11:36 顾诚的城 阅读(1933) 评论(1) 推荐(0)
摘要:CSS3实现单行文本两端对齐 p { height: 24px; text-align: justify; text-last-align: justify; } p::after { display: inline-block; content: ''; overflow: hidden; wid 阅读全文
posted @ 2021-12-06 11:26 顾诚的城 阅读(144) 评论(0) 推荐(0)
摘要:CSS3实现字体描边的两种方法 -webkit-text-stroke: 1px #fff;:不建议,向内描边,字体颜色变细,效果不佳; 用box-shadow模拟描边,向外描边,保留字体粗细,赞! -webkit-text-shadow: #fff 1px 0 0, #fff 0 1px 0, # 阅读全文
posted @ 2021-12-06 11:25 顾诚的城 阅读(524) 评论(0) 推荐(0)
摘要:CSS区分Chrome和FireFox 描述:由于Chrome和Firefox浏览器内核不同,对CSS解析有差别,因此常会有在两个浏览器中显示效果不同的问题出现,解决办法如下: /*Chrome*/ @media screen and (-webkit-min-device-pixel-ratio: 阅读全文
posted @ 2021-12-06 11:23 顾诚的城 阅读(630) 评论(0) 推荐(0)