CSS部分
文章平均质量分 84
刘久江
这个作者很懒,什么都没留下…
展开
-
style加上scoped后,如何加自定义样式(样式穿透)
1.什么是scoped 在Vue文件中的style标签上有一个特殊的属性,scoped。当一个style标签拥有scoped属性时候,它的css样式只能用于当前的Vue组件,可以使组件的样式不相互污染。如果一个项目的所有style标签都加上了scoped属性,相当于实现了样式的模块化2.scoped的实际应用<style scoped>.example { color: red;}</style><template> <div..原创 2020-05-15 18:01:29 · 1764 阅读 · 0 评论 -
CSS3知识点
CSS3提供了强大而且精准的选择器,提供了多种背景填充方案、可以实现渐变颜色、改变元素形状、角度、加阴影效果,新的报纸布局、弹性盒子,ie6混杂模式的盒子模型,新的计量单位,动画效果等等。CSS3有很大的兼容性问题,IE9以下不兼容CSS3.0,IE10才开始全面支持CSS3。而由于浏览器厂商的不同,我们在使用CSS3的时候,有时候需要单独为每一种浏览器写兼容。而兼容的方式就是在属性前面加上前缀:...原创 2018-03-30 19:07:00 · 188 阅读 · 0 评论 -
css中使用calc()计算宽高
calc()是什么?简单来说就是CSS3中新增的一个函数,calculate(计算)的缩写。用于动态计算宽/高,你可以使用calc()给元素的各个属性设置值【margin、border、padding、font-size】等,calc()语法calc的语法就是简单的四则运算,使用“+”、“-”、“*” 和 “/”四则运算; 可以使用百分比、px、em、rem等单位; 可以混合使...原创 2018-12-19 15:42:08 · 8980 阅读 · 0 评论 -
css盒模型与BFC详解
1:盒模型简介先看一张图: 可以说,页面就是由一个个盒模型堆砌起来的,每个HTML元素都可以叫做盒模型,盒模型由外而内包括:边距(margin)、边框(border)、填充(padding)、内容(content)。它在页面中所占的实际宽度是margin + border + paddint + content 的...原创 2019-05-13 16:21:17 · 587 阅读 · 0 评论