« 上一篇下一篇 »

网站设计时CSS中的SPAN与DIV的不同

进行网站设计时,设计师们都会碰到CSS问题。所谓CSS,是英语Cascading Style Sheets的缩写,中文意思是层叠样式表单,是表现HTML或者XML等文件样式的PC语言。

目前,CSS最新版本是CSS3,是网页表现与内容分离的样式设计语言。和我们所了解的HTML相比,CSS可对网页中对象的位置排版实施像素级的控制,非常精确,所有字体字号样式都支持,能够对网页对象和模型样式进行编辑和初步交互设计,是文本展示最优秀的表现设计语言。CSS可以按照不同用户的理解能力,简化、优化写法,易读性较强。

在CSS中,SPAN 和 P 的重要区别是,P(division)是块级元素,能够包含段落、表格,标题,以及诸如章节、摘要和备注等等。SPAN 是行内元素,SPAN 其前后不能换行,其无结构意义,单纯地为应用样式,若果其他行内元素都不合适时,就建议运用SPAN了。还是以实例来说明这两者属性区别。

SPAN标记有一个特性,非常重要和实用,即它啥子事也不会做,其唯一目的,就是围绕HTML代码中的其它元素,如此你就能够为它们指定样式。在这里例子中,标识符准许你将一个段落分成多个不一样的部分。

还有一个标识符,它也是具有类似的功能的,P也在HTML文件中建设逻辑部分,可是和SPAN不一样, 是工作于文本块一级,它在它所包含的HTML元素的前面,甚至面都引入行分隔。

我曾经接触过一个设计师朋友,他是刚刚入行的,认为DIV是层标签,但我不这样认为,其实在HTML里,肯定是没有层说法的,要说是层,我的理解是为了容易理解,Dreamweaver里面才如此写。如果这样,则每个对象都能够成为一个“层”,只需要朋友们给对象定义position属性(值为absolute或relavite)。

« 上一篇下一篇 »