文章分类 -  CSS+DIV

CSS定义overflow属性
摘要:overflow、overflow-x、overflow-y属性可以用于管理超过其容器大小的内容,例如: 表示页面不出现横向滚动条。 但是当使用!DOCTYPE声明打开符合标准的模式时,overflow、overflow-x和overflow-y属性会应用于HTML元素,应用于BODY元素时无效。 解决办法有二: 1、把overflow、overflow-x、overflow-y属性写到标签里... 阅读全文
posted @ 2008-12-08 17:18 恩恩爸爸 阅读(224) 评论(0) 推荐(0)
Css基础学习—索引(转)
摘要:现在好像比较流行给一系列的文章建立一个索引,既然这样我也就俗气一下。不过好处还是有的,方便大家的学习和查看。 下面就是最近对Css学习的系列文章: Css基础学习(一)—如何使用CSS? 现在web开发人员如果不知道CSS那就太落伍了,不过知道不等于会使用,更不等于精通。而我刚好属于那个知道CSS是干什么的,仅此而已的一员。 CSS:Cascading Style Sheet,层叠样式表,可以... 阅读全文
posted @ 2008-12-08 13:09 恩恩爸爸 阅读(193) 评论(0) 推荐(0)
Css+Div布局学习(一)—Div布局基础
摘要:上一个系列(Css基础学习—索引)我们介绍了Css的基础属性和使用,我们从现在开始讲解Css+Div布局的一些内容。大家准备好,我们要开始布局之旅了。如果你对Css还不是很熟悉的话,可以去看看我前面的几篇文章。 如果我们要进行Css的布局,那float(浮动)就是最为关键的一个属性了。浮动可以使你的块元素不遵守元素流的布局特性,如果不采用浮动,元素将一个接一个地往下排列。float属性有三个值:l... 阅读全文
posted @ 2008-12-08 12:00 恩恩爸爸 阅读(414) 评论(0) 推荐(0)
Css+Div布局学习(二)—清理Clear
摘要:我们在Css+Div布局学习(一)—Div布局基础这篇文章里面讲解了基本的布局方法,Footer内有clear:both;属性就一句带过了,事后想了一下对于清理还是有些话要讲清楚的。那我就开辟一篇专门讲一下。 还是使用上一篇的布局事例来说明问题更加的简单: Masthead Sidebar_a Sidebar_b Content Footer 这个布局的Css复习一下: #Masthe... 阅读全文
posted @ 2008-12-08 11:59 恩恩爸爸 阅读(384) 评论(1) 推荐(0)
Css+Div布局学习(三)—定位Position
摘要:所有的框模型一开始都是按文档中正常的元素流定位,而定位position属性允许我们改变这些自然的位置。通过利用一些简单的Css规则,position使得设计者可以将HTML元素精确放置,position属性确定了每个元素框(box)定位的参考点。 在详细介绍之前,我们先简要的说明一下定位的4种方法: 1、静止定位(static):这种方法使得所有的元素最终位置都是一个静止位置。所以没有什么需要特殊... 阅读全文
posted @ 2008-12-08 11:58 恩恩爸爸 阅读(404) 评论(0) 推荐(0)
Css+Div布局学习(四)—关于hack
摘要:并不是每一个浏览器都可以正确显示设定的CSS,那有什么办法可以让一些CSS使每一个流行的浏览器都可以一致的显示出网页。哈哈,世界上真的有这么好的事情,可以将一些不兼容的情况统一,这一类都叫做CSS hack。我下面就简单得介绍一个CSS hack。 在任何标准兼容的浏览器中,针对包含其它元素的元素,其总宽度的计算需要结合这些容器的宽度以及它们的padding和border来考虑。这也就是说300像... 阅读全文
posted @ 2008-12-08 11:57 恩恩爸爸 阅读(159) 评论(0) 推荐(0)
Css+Div布局学习(五)—overflow属性
摘要:overflow属性定义了当子元素超越了包含它的元素时,子元素的显示方式。如果内容太多,overflow属性说明内容是否显示以及如何显示。 overflow属性有4个可能值: visible:内容未被剪切,显示在元素外; hidden:内容被剪切,但是浏览器不显示滚动条,无法看到剩余的内容; scroll:即使有足够空间显示全部内容,浏览器也显示滚动条; auto... 阅读全文
posted @ 2008-12-08 11:56 恩恩爸爸 阅读(244) 评论(0) 推荐(0)
TBody是什么意思?有什么作用?
摘要:TBody是在table中使用的,用来指明由它包括的各表格行做为表格的主体部分。 TBody与THead和TFoot在表格中形成三个“块”,THead指明表格的Head部分,TFoot指明表格的脚注部分。而TBody则指明表格的主体部分。 比如: This text is in the THEAD. This text is in the TBODY. This t... 阅读全文
posted @ 2008-12-08 11:15 恩恩爸爸 阅读(672) 评论(0) 推荐(0)
元素的作用是什么??????
摘要:相当于一个groupbox hello group 阅读全文
posted @ 2008-12-02 14:47 恩恩爸爸 阅读(179) 评论(0) 推荐(0)
html hr是什么意思
摘要:是一条横线,分隔线,譬如有两段文字,中间隔开就可用它。 阅读全文
posted @ 2008-11-19 14:14 恩恩爸爸 阅读(1099) 评论(0) 推荐(0)
css实例
摘要:http://www.w3school.com.cn/tags/tag_input.asp 阅读全文
posted @ 2008-10-20 21:43 恩恩爸爸 阅读(100) 评论(0) 推荐(0)
解决列高度自适应的五种方法!
摘要:1.背景图填充 这是使用最广泛的一种做法,无hacks,推荐使用: Source Code to Run [www.52css.com] Equal height(列高度相同的方法) Head sideleft 默认长度 加长页面 要从固定的、基于像素的设计方法转到弹性的、相对的设计方法并不容易。但是如果恰当利用,就可以成为增强亲和力和易用性的一个自然选择,同时又无... 阅读全文
posted @ 2008-10-19 13:35 恩恩爸爸 阅读(295) 评论(0) 推荐(0)
13种常用按钮、文本框、表单等CSS样式
摘要:虽然CSS样式的学习需要我们动手多实践,需要多做案例,思致思考,但有时候注意资料的收集与整理也是非常重要的,在实际开发中往往会起到事半功倍的效果。 一、按钮样式 Example Source Code .buttoncss { font-family: "tahoma", "宋体"; font-size:9pt; color: #003399; border: 1px ... 阅读全文
posted @ 2008-10-18 14:29 恩恩爸爸 阅读(625) 评论(0) 推荐(0)
Label属性和事件(FOR and ACCESSKEY)
摘要:Label>标识有两个属性,一个是FOR,一个是ACCESSKEY。FOR的意思是,这个Lable是为哪个元件服务的?而ACCESSKEY则定义了访问这个元件的热键。比如,我们有一个名字叫Name的单行输入框,我们是这样定义这个元件的:,那么,我们的可以如此定义:姓 名(N):。大家可以看见,这个是为那个ID为“Name”元件服务的,而ACESSKEY则定义了,这访问这个元件的热键为“Alt+N... 阅读全文
posted @ 2008-10-18 14:08 恩恩爸爸 阅读(998) 评论(1) 推荐(0)
DIV CSS网页布局:用CSS实现表单form布局
摘要:经典代码:用CSS实现表单form布局 Source Code to Run [www.52css.com] 姓名: 邮件: 备注: [ 可先修改部分代码 再运行查看效果 ] 阅读全文
posted @ 2008-10-18 13:17 恩恩爸爸 阅读(741) 评论(0) 推荐(0)
span标签与div的区别及结合
摘要:关键词: span div 解释1: 在CSS定义中属于一个行内元素,而是块级元素。 对于学过CSS的人来说一听就能明白。可对于新手来说不易理解,我主要对新手说通熟点吧!用容器这一词会更容易形象理解它们的存在与用途,行内元素相当一个小容器,而相当于一个大容器,大容器当然可以放一个小容器了,就是小容器,这样一... 阅读全文
posted @ 2008-10-18 11:57 恩恩爸爸 阅读(2187) 评论(1) 推荐(0)
浮动元素(float)clear
摘要:我们可以通过CSS属性float令元素向左或向右浮动。也就是说,令盒子及其中的内容浮动到文档(或者是上层盒子)的右边或者左边(参见第9课关于盒状模型的描述)。下图阐明了其原理: 举个例子,假如我们想让一张图片被一段文字围绕着,那么其显示效果将如下所示: 如何实现这个效果? 上例的HTML代码如下所示: causas naturales et antecedentes, idciro ... 阅读全文
posted @ 2008-10-18 10:24 恩恩爸爸 阅读(310) 评论(0) 推荐(0)
h1,h2,h3和strong标签的seo解说
摘要:h1,h2,h3和strong标签的seo解说 有很多同行交流的seo的时候非常频繁的提到一个方法,那就是文章题目一定要用h1标签。为什么h1标签如此重要呢?今天我们就从全局的角度来审视一下。 h1、h2、h3 和 strong 对当前网页的内容起强调作用,作用由高到低:h1 > h2 > h3 > strong 1、强调标签的使用误区 h1切勿使用过度-虽然这些标签对内容都是起强调作用,但是只... 阅读全文
posted @ 2008-10-18 09:56 恩恩爸爸 阅读(324) 评论(0) 推荐(0)
标题h1,h2,h3,h4,h5~h6
摘要:p段落标签是格式化文本的开始。 HTML标签有专门的标签处理你页面上的标题。 它们是h1,h2,h3,h4,h5和h6,象封建社会一样,h1就是万能的君主而h6就是最底层的百姓。 按照下面改进你的代码: Example Source Code www.52css.com] 我的第一个网页 我的第一个网页 这是什么 用HTML组合起来的简单网页 目的 学习HTML 注意... 阅读全文
posted @ 2008-10-18 09:43 恩恩爸爸 阅读(450) 评论(0) 推荐(0)
DIV CSS网页布局:三行三列自适应高度的DIV布局
摘要:Example Source Code [www.52css.com] 这个例子是用JS脚本控制并列DIV的高度,通常在DIV布局中,自适应高度一直是比较头疼的问题,一般大都采用背景图、外套DIV、右栏覆盖左栏来解决。现在加了脚本后,简单多了,假如有三个水平并列的DIV,fbox、mbox、sbox,只要在标签中写入:onload="P7_equalCols('fbox','mbox','sb... 阅读全文
posted @ 2008-10-18 09:12 恩恩爸爸 阅读(808) 评论(0) 推荐(0)