css(div+span)padding的使用

不念则忘95

不念则忘95

2016-02-19 20:22

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

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

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

源代码如下

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

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://m.tulaoshi.com/webkaifa/)

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

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

展开更多 50%)
分享

猜你喜欢

css(div+span)padding的使用

Web开发
css(div+span)padding的使用

搞定CSS SPAN和DIV的区别

Web开发
搞定CSS SPAN和DIV的区别

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

CSS教程:DIV元素与SPAN元素的区别

Web开发
CSS教程:DIV元素与SPAN元素的区别

css知识:Div和Span在使用中的不同之处

Html CSS布局 Div+CSS XHTML
css知识:Div和Span在使用中的不同之处

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

CSS入门教程——div和span

Web开发
CSS入门教程——div和span

css教程:网页中Span和Div的区别

Web开发
css教程:网页中Span和Div的区别

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

C++数据结构学习:事件驱动模拟

C++数据结构学习:事件驱动模拟

C/C++中利用数组名/指针进行排序实例

C/C++中利用数组名/指针进行排序实例
下拉加载更多内容 ↓