
css样式
鸿*雁
这个作者很懒,什么都没留下…
展开
-
css样式 - 使用display: inline-block;布局时错位问题
在页面中我们经常会左右布局。左边宽度固定右边宽度布满整个盒子比如这样的 .content_module { height: calc(100% - 0.8rem); /*padding: .15rem .5rem .5rem;*/ .modal_box_left { display: inline-block; wi...原创 2018-11-15 15:37:48 · 1486 阅读 · 0 评论 -
css样式-选择父元素下的非一个子元素
在调整样式中我们经常会遇到这样的情况,相邻且相同元素之间间隔20px时并且第一个元素没有变化。<div> <span>这是第1个元素</span> <span>这是第2个元素</span> <span>这是第3个元素</span> <span>这是第原创 2018-11-15 18:54:27 · 3394 阅读 · 0 评论 -
vue样式加scoped后不能覆盖组件的原有样式解决方法
<style scoped></style>为了vue页面样式模块化,不对全局造成污染,建议每个页面的style标签加上scoped,表示他的样式只属于当前的页面,父组件的样式不会泄漏到子组件中。但是scoped也会造成一些额外的负担,如无法覆盖原有组件的样式。 可以加 /deep/。深度作用选择器/deep/or>>>如果希...原创 2019-05-30 14:36:44 · 1626 阅读 · 0 评论 -
css3样式系列-盒子阴影效果
div{margin-top:100px;margin-left:100px;width:300px;height:100px;background-color:#ff9900; box-shadow:20px 0px 30px 10px #abcdef inset;/zz//*这6个值分别是:left值 、top值、透明度、阴影外延宽度、颜色、向里凹陷(选填,默认为外延)...原创 2018-12-20 12:25:20 · 6757 阅读 · 0 评论