样式表CSS中div、span和center元素

2016-02-19 22:12 5 1 收藏

今天天气好晴朗处处好风光,好天气好开始,图老师又来和大家分享啦。下面给大家推荐样式表CSS中div、span和center元素,希望大家看完后也有个好心情,快快行动吧!

【 tulaoshi.com - Web开发 】

  div和span用来为内容指定样式或绑定脚本。虽然大多数HTML元素可以通过style属性来设置样式信息,但是许多HTML元素有自己默认的样式,该样式可能和style定义的样式混合甚至冲突,是我们不希望看到的。如:strong style = “color: red”I am strong!/strong。和其他html元素不同,div和span没有默认的显示样式。所以可以通过它们来指定样式。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

  (1)div(division)是块级元素,可以包含段落、标题、表格,乃至诸如章节、摘要和备注等。由于是块级元素,在段落开始、结束处会插入一个换行。div align=””…/div用来设置内容块的位置。可以使用div来为文档的任意部分绑定脚本或样式。

  (2)和div不同,span是一个行内元素,不会引起换行。它是一个逻辑化的内嵌分组元素。最常见的使用方式是用它来为一段文本中的几个单词甚至某几个字符指定样式。

  (3)可以将需要居中的内容放到center/center中间。center与div align = ”center”作用相同。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

  举例:span元素的使用。

pIn this sentence span class = “important”some of the text is important!/span/p

来源:http://www.tulaoshi.com/n/20160219/1627928.html

延伸阅读
标签: Web开发
大多数技术都有自己约定俗成的标准。CSS也不例外。虽然并非网络上存在的所有CSS都很规范,但按照现有标准来使用CSS却还是不无裨益的。一般来说,开发人员应尽可能将内容与结构分离开来。这样做的好处在于: 1:增加站点的寿命 不规范的样式表可能在当时觉得很方便,但新版本的浏览器出来以后,很可能就会出现兼容性问题。到时...
标签: Web开发
CSS样式表常用小技巧 · ul 标签在 Mozilla 中默认是有 padding 值的,而在 IE 中只有 margin 有值。 · 同一个的 class 选择符可以在一个文档中重复出现,而 id 选择符却只能出现一次;对一个标签同时使用 class和 id 进行 CSS 定义,如果定义有重复,id 选择符做的定义有效。 · 初学可能会碰到这样一个情况,同样一个标签的属性在 IE ...
标签: Web开发
整理了一下自己写CSS时的顺序,跟大家分享下。 下表顺序为从上到下,从左到右: ======================== display || visibility list-style : list-style-type || list-style-position || list-style-image position top || right || bottom || left z-index clear float width max-width || min-width height max-height || min-height...
标签: Web开发
div和span是什么意思?        相对与其他XHTML标签,div和span对于它们包含的元素是没有意义的。例如当你看到h1/h1标签,你知道里面是标题,当你看到p/p标签的时候你知道里面是一个新的自然段。可是div和span标签并没有这样意义。div只是一个分块的标签,他可以将网页分成几个区块。div里面可能包含一个标题,一...
标签: Web开发
SPAN 和 DIV 的区别在于,DIV(division)是一个块级元素,可以包含段落、标题、表格,乃至诸如章节、摘要和备注等。而SPAN 是行内元素,SPAN 的前后是不会换行的,它没有结构的意义,纯粹是应用样式,当其他行内元素都不合适时,可以使用SPAN。 下面以一个实例来说明这两个属性的区别。 代码: SPAN标记有一个重要而实用的特性,即它什么事也...

经验教程

233

收藏

74
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部