学习Html5笔记——span元素

这个故事发生在某天，到华南植物园周边喝完早茶回公司，上网收集有趣的汉字作品，整理修订多年前写好的《JavaScript》教程，并创作汉语SEO要用的《CSS语言》教程，存起来以后当文化传播作品使用。

一边整理《JavaScript》教程,一边在网上和女粉丝侃大山，突然间，一个说自已是从香港西贡区来广州学现代汉语的女粉丝问：“陈老师，最近文化传播教程又打算教点什么新东西？”。
我问：“你们都想学啥？”。
女粉丝说：“陈老师！我想知道span元素用法 。“下面就给大家讲下这个问题。

在Html5中，元素，是在某个元素中改变某个目标性的元素。它可以用Id和class调用CSS样式改变目标的属性。如语法1。

...内容...

在做试验前，我们先设计一个CSS样本做试验用，如css语言1，不会css语言的可以看我以前写的ccs教程，这里照抄。

.QQ364807629
{
color:red;
}

设计p和span等元素内容，在span元素调用css语言1中的类。如html语言1。

没用span元素样式为黑色。

微信公众号:design-Rabbit

加了span元素样式部分变成红色。

微信公众号:design-Rabbit

把css语言1和html语言1移植进html5基础框架中，如综合代码1

没加span元素样式为黑色。

微信公众号:design-Rabbit

加了span元素样式部分变成红色。

微信公众号:design-Rabbit

运行综合代码1，就可以看到图1的效果，如果还不会运行方法，可以看我以前写的Html5，学习代码运行方法。

注：看到图1页面中字体显示乱马时charset="GB2312"可以改成charset="utf-8"或改为其它的编码方式。

图1

看到图1的效果，就说明这次的试验成功了，看到红色的“design-Rabbit”就说明元素调用的CSS语言类成功实现了。

好！杰哥Html5学习笔记分享到这里，要知后事如何请点赞、收藏、关注我，如果喜欢请打赏。