你好呀,上上周的时候,我们聊到了样式导入,今天想和你聊一聊小程序的内联样式。
之所以有样式的导入,是为了做样式的复用。复用了样式之后,能极大地减轻开发的工作量。但是在开发中,不一定所有的样式都能被复用。此外,对于那种临时要修改的样式,除了在Html<head>标签中定义style之外,是否还有更灵活的方式?
答案是有的,这个就是内联样式,也叫做嵌入式的样式。它是一种直接在标签里面使用的一种方式,使用Style属性触发。
如果我想要在页面中,将字符串的颜色变为蓝色,只需要在字体的view组件上,加上这么一段就可以了,代码如下:
<!-- index.html -->
<view style="backageground-color:blue">
hello world.
</view>
内联样式并不复杂,优点在于灵活,修改的颗粒度比较细,因此,一般不常用,用到了都是比较关键的地方。比如在一段文章中的两个字要加上蓝色的背景,目前又没有其它的地方需要复用这个样式,此时就可以采用内联样式进行修改。
这里是怀英的小茶馆,有空来坐坐。