css
文章平均质量分 72
庄公梦蝶
衣带渐宽终不悔,为伊消得人憔悴
展开
-
CSS学习笔记---css基础举例
布局和表格的使用 <!--div和span标签用来进行对容器的控制,在实际开发中通常用div来设定一个容器,这个容器中可以放置 大量的内容,span标签一般用来放置文本数据,进行简单的控制。 这两个简单的标签可以说没有任何的显示效果,但他们是最重要的,没有显示效果的往往用来做控制--> 一个div表示 二个div表示 一个span表示 二个span表示 <原创 2014-11-07 10:39:45 · 338 阅读 · 0 评论 -
CSS学习笔记----盒子模型
盒子模型测试 /* *号表示所有标签,下面就是设置所有标签的padding和margin在一开始为0;这是写css的第一步。 */ *{ padding:0px; margin:0px; } /*padding是容器向内的间距控制,margin则是容器向外的间距控制,所以设置parent的padding相当于设置 child的margin;ma原创 2014-11-07 10:52:55 · 609 阅读 · 0 评论 -
CSS学习笔记----position简单举例
定位问题 /*position用来表示定位信息,默认为static,不表示任何方式,只是遵从html规定,常用的有两个值:absolute(绝对) 和relative(相对);relative的top等值的设定是相对于父类容器,而absolute则是相对于上一级position的值为 absolute的父类容器,如果没有则默认为body。 另外,absolute不会占用父类的空间原创 2014-11-07 12:17:45 · 417 阅读 · 0 评论 -
CSS学习笔记----简单表格实现
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> css12table *{ font-size:12px; } body{ padding:50px; } table.ha{ border-bott原创 2014-11-07 12:31:39 · 355 阅读 · 0 评论 -
CSS学习笔记----页面居中实现
页面居中 *{ padding:0px; margin:0px; font-size:12px; } /*IE浏览器设置此选项就会使页面居中 body{ text-align:center; } */ #container{ width:1100px; /*除IE外的浏览器需要设置此选项,才会使页面居中 margin:auto;*/ /*这才原创 2014-11-07 12:24:57 · 503 阅读 · 0 评论 -
CSS学习笔记----一个简单的menu(javascript)
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> css11menu *{ padding:0px; margin:0px; font-size:12px; } #menu_bar{ position:absolut原创 2014-11-07 12:33:30 · 603 阅读 · 0 评论 -
CSS学习笔记-----简单的列表和背景图片
简单列表和背景图片 *{ margin:0px; padding:0px; } ul.topic_show{ list-style:none; border:#999 1px solid; width:250px; } ul.topic_show li{ /*第一个值表示上下间距,第二个值表示左右间距,不过建议用span*/ /*原创 2014-11-07 11:00:46 · 457 阅读 · 0 评论 -
CSS学习笔记----float简单实现
float实现 *{ padding:0px; margin:0px; } /*当外部标签的宽度不满足进行float标签的宽度,会自动换行,对于IE浏览器该标签仍然占用空间,而对于 除IE外的浏览器,该标签将不占用空间*/ #nav{ margin:50px; width:1000px; border:1px solid #999; } #nav u原创 2014-11-07 12:22:41 · 350 阅读 · 0 评论