css(div+span)padding的使用

2016-02-19 20:22 19 1 收藏

有一种朋友不在生活里,却在生命力;有一种陪伴不在身边,却在心间。图老师即在大家的生活中又在身边。这么贴心的服务你感受到了吗?话不多说下面就和大家分享css(div+span)padding的使用吧。

【 tulaoshi.com - Web开发 】

今天开Money的空间 有个小游戏 就玩了下,考察了一些基本知识,发现我不会的还真不少

源代码如下

html
style
#tab ul li {
list-style:none;
float:left;
padding:5px 15px 5px 15px;
}
#tab div{
clear:both;
}
/style
body
  script
  function setspan(id)
  {if( id==1){a.innerText="font color=red size=7设置文字/font"};
  if( id==2){a.innerHTML="font color=red size=7设置代码/font"};}
  /script
  span id=a/span
  a href=javascript:setspan(1)设置span的文字/a/br
  a href=javascript:setspan(2)设置span的代码/a/br

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

p

-------------------------------------------------------------------------------------------
p

div id="tab"
ul
   lia href="/"spanHome/span/a/li
   lia href="/bloglist.asp"spanBlog/span/a/li
   lia href="/demo"spanDemo/span/a/li
   lia href="/game"spanGame/span/a/li
   lia href="/down"spanDownload/span/a/li
      lia href="/about_Monyer.asp"spanAbout/span/a/li
/ul
div/div
/div

p
------------------------------

p
clear:both;
主要是用在div套div的结构中
如果内div是浮动的,一般都需要clear浮动,不然的话内div会超出外div的框架

p

-------------------------------

p
padding:

  检索或设置对象四边的补丁边距。
  如果提供全部四个参数值,将按上-右-下-左的顺序作用于四边。
  如果只提供一个,将用于全部的四条边。
  如果提供两个,第一个用于上-下,第二个用于左-右。
  如果提供三个,第一个用于上,第二个用于左-右,第三个用于下。
  不允许负值。

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

资料引用:http://www.knowsky.com/441343.html

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

延伸阅读
标签: Web开发
HTML只是赋予内容的手段,大部分HTML标签都有其意义(标签p创建段落,h1标签创建标题等等)的,然而span和div标签似乎没有任何内容上的意义,听起来就像一个泡沫做成的锤子一样无用。但实际上,与CSS结合起来后,它们被用得十分广泛。 它们被用来组合一大块的HTML代码并赋予一定的信息,大部分用类属性class和标识属性id与元素联系起来,见CSS...
标签: Web开发
css padding 与margin的区别,下面我们来看看一张图片,然后再来具体的根据图片进行分析padding 与margin的区别何在吧 如上图,A,B两个方框,A代码padding,B代表margin,现在我们看A箭头与蓝色边框的距离,这就是padding叫做内边距,下面再来看看B外面的箭头与B之前的距离就是我们所说的margin的,叫做外间距,哈哈你现在应该明白了,什么是padding,...
标签: Web开发
何时应当使用margin 需要在border外侧添加空白时。 空白处不需要背景(色)时。 上下相连的两个盒子之间的空白,需要相互抵消时。如15px + 20px的margin,将得到20px的空白。 何时应当时用padding 需要在border内测添加空白时。 空白处需要背景(色)时。 上下相连的两个盒子之间的空白,希望...
标签: Web开发
 SPAN 和 DIV 的区别 SPAN 和 DIV 的区别在于,DIV(division)是一个块级元素,可以包含段落、标题、表格,乃至诸如章节、摘要和备注等。而SPAN 是行内元素,SPAN 的前后是不会换行的,它没有结构的意义,纯粹是应用样式,当其他行内元素都不合适时,可以使用SPAN。 ------------------------------------------------------------ CLAS...
标签: Web开发
一、什么是DIV+CSS? “DIV + CSS” 是最新WEB标准的一个典型的应用。 一般来说,网页主要由三部分组成:结构(Structure)、表现(Presentation)和行为(Behavior)等。 结构主要包括例如DIV在内的一系列的HTML(XHTML)标签,表现主要包括CSS(层叠样式表:Cascading Style Sheets), 行为主要包括例如对象模型(如W3C DOM)、ECMAScript等...

经验教程

491

收藏

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