技术开发

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的元素内部形成一个块状盒模型，而本...