多语言展示
当前在线:576今日阅读:168今日分享:49

如何使用微词云工具对CSS3内容进行汇总展示

在我们使用CSS3控制元素样式显示时,需要对CSS3中的属性进行归类并汇总展示。一般情况下,全部使用文字进行归纳,会使人看起来头晕;但是如果使用一个图形将CSS3内容生动展示出来,会让人记忆深刻。下面利用微词云工具对CSS3中的内容汇总展示,操作如下:
工具/原料
1

微词云工具

2

CSS3

3

边框

4

圆角

5

渐变

6

截图工具

方法/步骤
1

第一步,打开并进入到微词云在线工具,在我的作品中创建词云,生成一个默认的词云图,如下图所示:

2

第二步,使用菜单中的形状,选择使用文字选项卡,将默认的字改为CSS3,如下图所示:

3

第三步,选中CSS3中的每个字符,然后修改对应的填充颜色,使每个字符的颜色不一样,如下图所示:

4

第四步,由于默认的云图内容不是CSS3中的内容,将菜单切换到内容,修改成CSS3的内容,如下图所示:

5

第五步,对内容中的标签,分别设置字体颜色,为了区分不同的内容,可以使用不同的颜色,如下图所示:

6

第六步,设置完毕之后,然后点击接近中上部的加载词云按钮,将右侧图形重新加载,如下图所示:

注意事项
1

注意微词云工具中的使用文字创建云图的操作步骤

2

注意了解和理解CSS3中的构成部分

推荐信息