span标签教程 html span元素标签

2019-09-07 郑州网站建设  

一、html span标签语法 <span>形式</span>

span标签元素语法结构分析图


span标签元素语法结构赏析图

html span本性:
span标签本人没有什么额定默许CSS格式,默许也不是一个块元素标签不像html div标签独有一行。span本人随内装模式几何而自适应。舛讹span配置CSS时候,运用span相便是不有使用同样。

二、span简单语法介绍

span对象内或许布置笔墨内容、图片标签<img>等标签,尽管span也能够加id和class来对其设置css花样。

上面一个简单实例看看span加class设置装备摆设名目。

1、span使用对应实例CSS代码

.exp{ color:#F00}

2、要害HTML代码

测试形式<span class="exp">CSS5测试模式</span>测试形式

3、残破HTML+CSS代码

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>span简单用法 CSS5</title> <style> .exp{ color:#F00} </style> </head> <body> 测试模式<span class="exp">CSS5测试内容</span>测试模式 </body> </html>

对span加class配置一段翰墨中字体不同CSS字体颜色(color)花色。

4、span设置装备摆设使用成绩截图

html span标签简单实用实例效果截图


html span标签简单实用实例成就截图

三、span标签小结

span相比平平的标签,本人不有甚么奇特默认的CSS样式,然则用处特别大,得多时分除了运用结构结构div标签外,span也是布局小结构、设置装备摆设一段文字中差别CSS名堂的极为值得决意的标签。


河南郑州做网站首选天择文化,我们专注郑州网站建设网站设计网站制作与开发,是中原地区专业的郑州网络公司,多年来我们一直努力,服务客户数百家,欢迎您的咨询。
本文链接:郑州网络公司http://tzchb.ieyo.com/seo/1077.html转载请标明出处,谢谢合作!
标签:
  • 元素
  • HTML
  • 标签
  • 教程
  • span
  • sp