博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

2013年3月7日

摘要: 1、盒子模型-概念 弄清盒子模型我们必须知道这几个概念:网页设计中常听到的属性名:内容(content)、填充(padding)、边框(border)、边界(margin),CSS盒子模型都具备这些属性。我们可以这样理解这张盒子图:大家都买过笔记本,新买的买笔记本都被一个盒子包装起来。现在我们把它看作装笔记本的盒子,最里层的内容(content) 看作是笔记本,填充(padding)看作是包着笔记本的泡沫,边框(border)就是包装笔记本和泡沫的那个盒子,边界(margin)就是放在地上离墙的距离。这样就很容易理解的。 阅读全文

posted @ 2013-03-07 14:28 Step at a time 阅读(116) 评论(0) 推荐(0) 编辑

摘要: 1、概念:行内元素:又叫内联元素-只能容纳文本或者其他内联元素,常见内联元素有<span>,<a>,<input>块元素:一般都从新行开始,可以容纳文本,其他内联元素和其他块元素,即使内容不能占满一样,块元素也要把整行占满,常见元素有<div>,<p>这样理解:行内元素它只占能显示自己内容的宽度,而且他不会占据整行。块元素它不管自己的内容有多少,会占据整行,而且会换行显示示意图:对照行内元素与块元素的概念,可以快速理解行内元素与块内元素的知识2、行内元素与块元素的区别行内元素只占内容的宽度,块元素内容不管内容的多少要占满全行行内元素只 阅读全文

posted @ 2013-03-07 13:05 Step at a time 阅读(523) 评论(0) 推荐(0) 编辑

摘要: 细节决定成败,越是注重细节方面的东西,那么你完成的作品就越完美。1、父子选择器(看作组合比较好理解)父子选择器可以有多级(但是在实际开发中最后不好超过三层) 如:html中文件片段:<!--父子选择器--><span id="id1">这是一个<span>非常<a href="#">汇总的世界</a>重要</span>的新闻</span>css文件:#id1 span{ color:red; font-style:italic;}#id1 span a:hover{ co 阅读全文

posted @ 2013-03-07 10:40 Step at a time 阅读(175) 评论(0) 推荐(0) 编辑