2011年9月29日
摘要: <style type="text/css">#menu{font-family:Verdana, Geneva, sans-serif;font-size:14px;}#menu a,#menu a:visited{text-decoration:none;text-align:center;color:#fff;display:block;width:10em;padding:0.25em;margin:0.5em auto;position:relative;background-color:#8ab;border:2px solid #fff;borde 阅读全文
posted @ 2011-09-29 10:55 小尚 阅读(240) 评论(0) 推荐(0) 编辑
摘要: <style type="text/css">body{background-color:#999;}#menu{font-size:16px;width:140px;margin:0 auto;border:solid 1px #ccc;}#menu a,#menu a:visited{text-decoration:none;text-align:center;color:#c00;display:block;padding:4px;background-color:#fff;border:solid 1px #fff;height:lem;position 阅读全文
posted @ 2011-09-29 10:51 小尚 阅读(732) 评论(0) 推荐(0) 编辑
摘要: <style type="text/css">#menu{width:120px;background:#ccc;font-family:Arial, Helvetica, sans-serif;font-size:14px;margin:0 auto;padding:8px;}#menu a,#menu a:visited{height:lem;display:block;background-color:#fff;padding:4px 8px;color:#000;text-decoration:none;margin:8px 0;border-left: 阅读全文
posted @ 2011-09-29 09:25 小尚 阅读(607) 评论(0) 推荐(0) 编辑
摘要: a:link 超链接的普通样式,即正常浏览的样式a:visited 被点击过的超链接的样式a:hover 鼠标指针经过超链接时的样式a:active 在超链接上单击时,即“当前激活”时,超链接的样式disc:实心圆circle:空心圆square:正方形decimal:1,2,3,4,5upper-alpha:A,B,C,D,E,F,Glower-alpha:a,b,c,d,e,fupper-roman:Ⅰ,Ⅱ,Ⅲ,Ⅳ,Ⅴ,Ⅵ,Ⅶlower-roman:i,ii,iii,iv,none:不显示符号 阅读全文
posted @ 2011-09-29 09:20 小尚 阅读(351) 评论(0) 推荐(0) 编辑
  2011年9月26日
摘要: 盒子之间的关系一、HTML和DOM(Document文档 Object对象 Model模型)二、标准文档流(标准流)1、块级元素(block)(一个矩形区域,并且和相邻的元素依次竖直排列。不排在同一行中)2、行内元素(inline)(对于文字这类元素,各个字母之间横向排列。到最后端自动拆行,这就是行内元素)三、盒子在标准流中的定位原则1、行内元素之间的水平margin 左侧元素的margin-right+右侧元素margin-left2、块级元素之间的竖直margin3、嵌套盒子之间的margin4、将margin设成负数会怎样?定位一、position static:静态定位,这种定位方式可 阅读全文
posted @ 2011-09-26 08:32 小尚 阅读(398) 评论(0) 推荐(0) 编辑