随笔分类 -  css

css 之display_visibility_opacity隐藏的区别
摘要：display:none; 1.DOM结构：浏览器不会渲染diaplay属性为none的元素，不占据空间； 2.事件监听：无法进行DOM事件监听； 3.性能：动态改变此属性会引起重排，性能较差； 4.继承：不会被子元素继承，毕竟子元素也不会被渲染； 5.transition: transition不 阅读全文
posted @ 2020-05-10 21:38 CorgiSYJ 阅读(396) 评论(0) 推荐(0)
css 之引入自定义字体/特殊字体-----使用ttf格式语言包
摘要：1.准备好需要的 .ttf 格式的语言包,在css导入: @font-face { font-family: myFont; src: url('../assets/font/Oswald-SemiBold.ttf'); } 2.引用字体 span:{ font-family:myFont; } 阅读全文
posted @ 2019-11-26 11:32 CorgiSYJ 阅读(1521) 评论(0) 推荐(0)
css 之calc无效踩坑
摘要：踩坑： 1. height:calc(100vh-60); 无效 2.height:calc(100vh-60px); 无效 3.height:calc(100vh - 60px); 终于起效 总结calc()使用： 必须加上单位 必须在运算符左右用空格隔开 阅读全文
posted @ 2019-08-26 15:42 CorgiSYJ 阅读(6773) 评论(1) 推荐(3)
css 之内容溢出滚动，隐藏滚动条（解决火狐浏览隐藏不了滚动条问题）
摘要：解决火狐浏览隐藏不了滚动条问题 1.里层容器的width多17px，外层容器溢出隐藏，能兼容各个浏览器 2.设置 scrollbar-width: none，可兼容 html如下 阅读全文
posted @ 2019-08-26 14:00 CorgiSYJ 阅读(6216) 评论(0) 推荐(1)