![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
han__sha
这个作者很懒,什么都没留下…
展开
-
[CSS] W3C标准盒子模型(box model)与IE盒子模型
盒子模型的元素包括content,padding,border以及margin而W3C标准盒子模型与IE盒子模型的区别主要在height和width所涵盖的元素上。W3C标准盒子模型的height和width指得是content的height和widthbox height = content heightbox width = content width而IE盒子模型的height与w...原创 2019-11-18 18:25:24 · 334 阅读 · 0 评论 -
[CSS] padding-left, margin-left,left以及padding-inline-start 的区别
padding-left, margin-left,left以及padding-inline-start都能在一定的情况下起到令元素由左向右位移的效果(靠左距离)。在这里padding-left(内边距)和margin-left (外边距)可以直接从console里的box model反映出。给左内边距padding-left 30像素,左外边距margin-left 20像素 - 如下图所示...原创 2019-11-12 18:11:53 · 3260 阅读 · 0 评论 -
[vue][css]用$emit以及$on完成组建之间css class的改变
通过vue来操作css的方式有很多种,这篇博文的主要目的是为了展示 $emit 和 $on 的使用方法,因此这里介绍的并非为改变css class的最佳方式。效果与方法点击”蓝色方块“按钮时上方方形为蓝色,”紫色方块“按钮时上方方形变为紫色。由图可见,这里的组建主要分为A和B两部分。点击A组建的按钮,由A 通过$emit 来触发事件B组建通过 $on 监听事件 来改变div的clas...原创 2019-10-25 21:34:52 · 725 阅读 · 1 评论