在我们使用CSS3控制元素样式显示时,需要对CSS3中的属性进行归类并汇总展示。一般情况下,全部使用文字进行归纳,会使人看起来头晕;但是如果使用一个图形将CSS3内容生动展示出来,会让人记忆深刻。下面利用微词云工具对CSS3中的内容汇总展示,操作如下:
工具/原料
1
微词云工具
2
CSS3
3
边框
4
圆角
5
渐变
6
截图工具
方法/步骤
1
第一步,打开并进入到微词云在线工具,在我的作品中创建词云,生成一个默认的词云图,如下图所示:
2
第二步,使用菜单中的形状,选择使用文字选项卡,将默认的字改为CSS3,如下图所示:
3
第三步,选中CSS3中的每个字符,然后修改对应的填充颜色,使每个字符的颜色不一样,如下图所示:
4
第四步,由于默认的云图内容不是CSS3中的内容,将菜单切换到内容,修改成CSS3的内容,如下图所示:
5
第五步,对内容中的标签,分别设置字体颜色,为了区分不同的内容,可以使用不同的颜色,如下图所示:
6
第六步,设置完毕之后,然后点击接近中上部的加载词云按钮,将右侧图形重新加载,如下图所示:
注意事项
1
注意微词云工具中的使用文字创建云图的操作步骤
2
注意了解和理解CSS3中的构成部分