HTML/CSS技术

HTML/CSS技术

CSS List Grid Layout 图片垂直居中

阅读(311) 作者(admin)

CSS List Grid View Layout body{ font-family:Arial; text-align:center; } p{ } .img-grid{ width:603px; margin:auto; overflow:hidden; position:relative; border:solid 20px #C...

HTML/CSS技术

IE6网页神奇BUG

阅读(238) 作者(admin)

标题就是<title>拉萨尔--莱佛士教育</title>,调试了很久发现当把<title>拉萨尔--莱佛士教育</title> 删掉后,显示了。 。。。。 找原因,没找到。 后来有吧中间的"--"去掉,显示正常。 然后再加上显示"--"显示正常。...

HTML/CSS技术

web标准知识――从p开始,循序渐进

阅读(246) 作者(admin)

很多朋友现在还在用Dreamweaver(下称DW),不可否认这是个非常优秀的软件,他基本上实现了所见即所得。当然也正是因为这样让很多网页制作人员对于(x)HTML标签变得一无所知。然而要学习WEB标准就必需要与标签打交道,你必需要...

(X)HTML Strict 下的嵌套规则
HTML/CSS技术

(X)HTML Strict 下的嵌套规则

阅读(380) 作者(admin)

说明:

为了方便读者阅读,本文中的标签使用了大写(根据 XHTML 的规则,元素名必须小写,比如 <html> 而不应是 <HTML>) 小写的单词表明一组或一系列 HTML 标签 每一项条目(标签)后都跟随一组标签列表,如果没有这个列表,那么表...

HTML/CSS技术

web标准知识――用途相似的标签

阅读(309) 作者(admin)

在前面我们已经讲过了strong与em的区别。除了strong与em之外还有一些相似的标签比如q、cite、blockquote。这三个都属于引用一类,但是这里还是有一些区别的,首先来一一解释。

<q></q>,q的作用是引用非块元素,也就是引用...

HTML/CSS技术

html链接与文本标签们

阅读(307) 作者(admin)

我们都知道网页的最大特性是“链接”,是的这个在我们现在看起来习以为常的东西,让我们的生活发生了巨大的变化,是这个小小的标签成就了这个世界上无数的互联网天才。那么让我们看看这个标签的真面目:

<a href="URL" >文...

美化html段落文本 Ⅰ
HTML/CSS技术

美化html段落文本 Ⅰ

阅读(547) 作者(admin)

上篇已经说了在第五篇会开始讲CSS,刚开始讲不能讲得复杂,我们还是由浅入深,一步步来。还是那句话:先用起来,然后再去研究。即然我们第一篇讲的是段落,那我们这篇初讲CSS当然也还是要从段落开始,让我们的段落先漂亮起来。在没...

HTML/CSS技术

当标题不能显示完整的解决方法

阅读(310) 作者(admin)

其实建议用css控制超出隐藏显示

也就是标题因为设计的宽度问题所以没有显示全,看样子是使用程序来截字的。我想很多网站都遇到这样的情况。为了视觉效果不得不进行截字显示以满足网站的整体视觉效果。通常我们采用截...

HTML/CSS技术

详解链接的rel与target区别

阅读(306) 作者(admin)

target="_blank"是否的存在是否有必要我想目前还有很多正处在一种盲区。我查阅了相关的文献,发现其实情况并非是我们所想的那样,事实上target="_blank"并非是不符合标准的,而用rel与JS的解决方案也是没有必要的,因为这是...

HTML/CSS技术

用div实现像table一样的布局方法

阅读(313) 作者(admin)

许多网页设计师都喜欢,将两个或者多个容器等高的并排放置,并在里面展示每个容器的内容,就象经典表格布局中的单元格控制几个栏目的位置,也喜欢容器的内容居中或顶部对齐显示。 但是你又不喜欢用table来实现他,那怎么办呢?实...

HTML/CSS技术

float引起层飘出父层的解决方法

阅读(240) 作者(admin)

1.加clear空div .clearfix:after { content: “.”; display: block; height: 0; clear: both; visibility: hidden;} .clearfix {display: inline-block;} /* Hides from IE-mac /*/ * html .clearfix {height: 1%;}...

HTML/CSS技术

div+css布局必了解的列表元素ul ol li dl dt dd详解

阅读(228) 作者(admin)

块级元素div尽量少用,其实和table一样,嵌套越少越好,它也是会影响速度的!

ol 有序列表。 <ol> <li>……</li> <li>……</li> <li>……</li> </ol> 表现为: 1…… 2…… 3…… ul 无序列表,表现为li前面是大圆点而不是123...

HTML/CSS技术

CSS Hack收集汇总

阅读(275) 作者(admin)

屏蔽IE浏览器(也就是IE下不显示) *:lang(zh) select {font:12px !important;} /*FF的专用*/ select:empty {font:12px !important;} /*safari可见*/ 这里select是选择符,根据情况更换。第二句是MAC上safari浏览器独有的...

HTML/CSS技术

区分IE6,IE7,firefox的CSS hack

阅读(226) 作者(admin)

区别IE6与FF: background:orange;*background:blue; 区别IE6与IE7: background:green !important;background:blue; 区别IE7与FF: background:orange; *background:green; 区别FF,IE7,IE6: bac...

HTML/CSS技术

CSS顶级技巧大放送,div+css布局必知

阅读(200) 作者(admin)

字体大小使用px

在一行内声明CSS 对比下面两个:

h2 {font-size:18px; border:1px solid blue; color:#000; background-color:#FFF;}

h2 { font-size:18px; border:1px solid blue; color:#000; bac...

HTML/CSS技术

css层滚动条

阅读(220) 作者(admin)

层滚动条DIY - Powered by yexj00 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]...

HTML/CSS技术

字符不会撑大表格的常见css样式

阅读(71) 作者(admin)

我现在就碰到了这样的麻烦,请问高手,有没有解决的方法,可以做到不管是纯粹的输入中文还是输入英文,或者是中英字符混输,都不会将表格撑宽?就是这几个相关css: table-layput:fixed;word-wrap:break-wrod;word-break:break-a...

HTML/CSS技术

网页中Span和Div的区别

阅读(62) 作者(admin)

它们被用来组合一大块的HTML代码并赋予一定的信息,大部分用类属性class和标识属性id与元素联系起来,见CSS中级指南的类和id选择符。

  span和div的不同之处在于span是内联的,用在一小块的内联HTML中,而div(想想divisi...

HTML/CSS技术

在IE与FF中如何居中的css写法

阅读(83) 作者(admin)

IE方法:<body style="text-align:center;"> <body> 标记内的内容居中。 非IE方法:<div style="margin-left:auto;margin-right:auto;"></div> <div> 标记的左右边距自动适应,以达到居中效果。 标准推荐的CSS使用方法是后...

HTML/CSS技术

line-block的运用最小宽度的设置

阅读(66) 作者(admin)

网上找到的正规描述: 引用内容 这个值导致一个元素产生一个块状盒模型(block box),而本身作为单一的内联盒模型(inline box)流动排列(flow),类似一个被替代的元素。Display值为inline-block的元素内部形成一个块状盒模型,而本...