-
Css+div 垂直居中对齐方式集锦
所属栏目：[经验] 日期：2018-09-07 热度：127
1. 重置浏览器的默认设置 首先将以下代码加到你的全局css文件中： /*1.Reset browser defaults then reset the browser font size*/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p, blockquote,th,td {margin:0; paddi[详细]
-
简单设置iframe的背景色及填充iframe
所属栏目：[经验] 日期：2018-09-07 热度：126
前几天在做一个自定义弹出层时，需要用到iframe做半透明的背景，但是由于iframe不能直接设置背景色而苦恼，百度google之后发现人们大都是给iframe设置src指向一个目标html页面，此页面仅仅是在body中设置背景色。始终觉得这样子不太好，一来是是iframe中页[详细]
-
2009年最好的50个CSS设计网站赏析
所属栏目：[经验] 日期：2018-09-07 热度：195
自2007年以来，我每年都会从Best Web Gallery整理新的CSS最好的网站给大家赏析，本文介绍的是今年2009年最佳的CSS设计。下边是我所整理的50个精美的网站。在这些网站中，我发现了里面很多都是简约优美serif字体设计，但是简单的设计和风格都非常强大。（烈[详细]
-
Web开发从头说起：理解css盒模型
所属栏目：[经验] 日期：2018-09-07 热度：69
在掌握了丰富而强大的css选择符之后，就具备了将css样式根据需要应用到网页中任何元素的能力。能够应用规则了，接下来就需要熟练掌握规则的制定方法什么样的属性组合能够实现什么样的效果。一般的颜色、字体、字号、行高等的设置比较容易掌握，而初学者在[详细]
-
如何用CSS设计一个大背景的站点
所属栏目：[经验] 日期：2018-09-07 热度：186
自从我发布了大背景网页设计合集之后，我收到了很多电子邮件询问如何用css实现大背景的网页设计。因此我决定和大家分享大背景网站的设计技巧。在此教程中，我会用一些实例来说明如何用一张或者两张图片实现大背景网站的设计。 普遍的错误：被裁切的背景（[详细]
-
CSS教程：样式化顺序列表
所属栏目：[经验] 日期：2018-09-07 热度：173
绝大多数的浏览器解释显示列表序号字体大小默认的和文本一样大[详细]
-
超级简单的DIV+CSS网页布局
所属栏目：[经验] 日期：2018-09-07 热度：51
这篇文章演示在一个页面上有效的使用div元素来构建网站，而不是使用table元素。因为div元素有很多优势，所以大部分客户开发网站要求设计开发div元素，而不是table元素。上面的代码是是为了给初学者学习使用div元素开发网站的。 下面解释为什么使用div元素[详细]
-
前台开发从头说起：谈谈CSS选择符
所属栏目：[经验] 日期：2018-09-07 热度：95
以前我接受了网上不少博文的说法，一直认为学习css的三大最重要问题是：盒模型、定位、浮动。因为这三块的内容决定了css布局的能力。但是通过上一篇文章的分析，xhtml要实现和css的解耦，就要尽量不依赖于css（或者说不要纯粹为了给css预留接口而添加不必[详细]
-
IE中给select的innerHTML赋值时的bug
所属栏目：[经验] 日期：2018-09-03 热度：134
烈火网(LieHuo.Net)教程 IE中给select的innerHTML赋值时的bug，官方说明http://support.microsoft.com/kb/276228 html xmlns=http://www.w3.org/1999/xhtml head title无标题页/title/headbody onload=test()form id=form1 select id=select1optionaaaaa/o[详细]
-
CSS中几种浏览器 兼容性定义
所属栏目：[经验] 日期：2018-09-03 热度：129
CSS中几种浏览器对不同关键字的支持，可进行浏览器兼容性重复定义 !important 可被FireFox和IE7识别 * 可被IE6、IE7识别 _ 可被IE6识别 *+ 可被IE7识别 IE专用的条件注释 !--其他浏览器 -- link rel=stylesheet type=text/css href=css.css / !--[if IE 7][详细]
-
css技巧:列表菜单的设计
所属栏目：[经验] 日期：2018-09-03 热度：155
这是一个很简单的教程,主要教你怎么用list的边框样式和背景图像来创建一个菜单出来.技巧在于使用list的相对定位,来转移边框的位置.这个技巧非常灵活,你可以轻松的改变边框和背景的布局.它甚至可以让浏览器的字体逐渐变小(也可以增大). 1.认真的查看下面的h[详细]
-
CSS使用标签来创建导航菜单(滑动门教程)
所属栏目：[经验] 日期：2018-08-31 热度：137
利用标签来创建导航菜单,是一个比较流行的方法.那就跟木木一起来学一下如何使用标签来创一个导航菜单. 效果图: HTML和CSS代码如下： Copy to Clipboard 引用的内容：[www.veryhuo.com]!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http://www.w[详细]
-
如何使用css创建一个类似按扭的导航
所属栏目：[经验] 日期：2018-08-31 热度：189
大多数的网站的导航,点击时会像按扭的效果.这种效果往往是利用图像替换技术.或者是用一些javascript代码来实现. 那么我们来想一下是否可以用纯css来做这样的效果. 答案是肯定的,你会发现使用CSS来做这样的效果会显得更加简单.在这个教程中使用的是CSS边框[详细]
-
IE6/IE7/FireFox的CSS hack总结
所属栏目：[经验] 日期：2018-08-31 热度：93
摘要 昨天去178.com公司参加笔试，对CSS仅有一道题，要求是写CSS，在IE6/IE7/FF三款浏览器下显示不同的效果，本来是能写滴，可没想到竟然是选择题，而且用到了子选择器，这下完了，这语法很少见到，所以平时也不怎么关注，没想到竟然在这个时候碰上了。好[详细]
-
IE与Firefox的CSS兼容性差异比较
所属栏目：[经验] 日期：2018-08-31 热度：196
CSS对浏览器器的兼容性具有很高的价值，通常情况下IE和 Firefox 存在很大的解析差异，这里介绍一下兼容要点。 常见兼容问题： 1.DOCTYPE 影响 CSS 处理 2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行 3.FF: body 设置 text-align[详细]
-
CSS+DIV定位浅析
所属栏目：[经验] 日期：2018-08-31 热度：194
在用CSS+DIV进行布局的时候，一直对position的四个属性值relative,absolute,static,fixed分的不是很清楚，以致经常会出现让人很郁闷的结果。今天研究了一下，总算有所了解。在此总结一下： 先看下各个属性值的定义： 1、static：默认值。没有定位，元素出[详细]
-
css技巧：如何使用CSS让菜单横向
所属栏目：[经验] 日期：2018-08-31 热度：114
在上面一节我们讲到的是垂直的导航.但是大多网站用的还是横向的导航,那么就来跟我学下横向导航是如何实现的.要怎么实现下面的效果.只要在列表项之间避免换行就行了,所以要把li转换为内联. HTML和CSS代码如下： Copy to Clipboard 引用的内容：[www.veryhuo[详细]
-
学习DIV+CSS难不难
所属栏目：[经验] 日期：2018-08-31 热度：105
CSS是不是真的很难学?其实不难，只是缺少了掌握的经验，拿着一本书硬肯，有没有收获?有!但可能成效不大，作为过来人我觉得被动学习想要记住的东西是很难的，学习它我的经验是可以先掌握精要(重要属性开始)，待掌握精要自然而然这些属性远远不够满足自己的[详细]
-
Div+Css实现屏蔽效果
所属栏目：[经验] 日期：2018-08-31 热度：112
在做项目的过程中 用到了Yahoo 的YUI控件，其中的datatable 很方便，但是有些时候要把点击table事件屏蔽，于是便想到了用div+Css的方法实现这一效果。 【效果图】 总而言之，就是当某一事件被触发时,例如 按钮点击事件 。使一个事先定义好的div 显示， 并[详细]
-
HTML教程：TBody 的解释及用法
所属栏目：[经验] 日期：2018-08-31 热度：146
写html代码的时候,遇到了Tbody这个标记符,这个标记符是对于表格来说的，每个页面都有head ,body两部分，对于比较复杂的页面，页面的排版用到了很多的表格，表格的结构也就相对的复杂了，所以又将表格分割成三个部分：题头、正文和脚注。而这 三部分分别用:[详细]
-
css技巧:使用CSS做出一个嵌套导航.
所属栏目：[经验] 日期：2018-08-31 热度：94
除非你的网站只有一页,不然你一定会用的导航的.事实上,导航在网页设计中是最重要部分之一.你要用很多时间去考虑如何让浏览者更容易访问你的网站. 在以前做网站导航时,往往依赖于图像,表格,和javascript.而这些都严重的影响了网站的可访问性和可使用性.如果[详细]
-
HTML 4.01、XHTML 1.0 Strict和Transitional 的区别
所属栏目：[经验] 日期：2018-08-23 热度：132
XHTML这个被认为是HTML 4的继任者，是HTML和XML的结合体。通过结合 XML和HTML的功能，XHTML使得Web内容更易于被电话、手持设备以及电视等访问。W3C将XHTML 1.0分为三种规范：Strict（严格）、Transitional（过渡）和Frameset（框架）。 XHTML 1.0 Strict（[详细]
-
CSS样式分析：前景色、背景、边框
所属栏目：[经验] 日期：2018-08-23 热度：98
烈火网(LieHuo.Net)教程 CSS样式分析：前景色、背景、边框。前景色：color。color对border的影响： 前景色影响边框颜色可以看到p边框的颜色是和color的颜色是一样的。 背景：元素的背景区包含前景之下知道边框外边界的所有空间，包含内容框、内边距，且延[详细]
-
实例教程：理解CSS浮动(Float)属性
所属栏目：[经验] 日期：2018-08-23 热度：115
浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。 由于浮动框不在文档的普通流中，所以文档的普通流中的块框表现得就像浮动框不存在一样。 CSS 浮动 请看下图，当把框 1 向右浮动时，它脱离文档流并且向右移动，直到它的[详细]
-
浏览器不能正常解析CSS代码的解决办法
所属栏目：[经验] 日期：2018-08-23 热度：193
烈火网(LieHuo.Net)教程 网页采用了utf-8编码格式，这本来没有问题，问题是外部css文件默认是 ansi编码，并没有保存为utf-8格式。可能你会发现在一般情况下这样也是没有问题的，然而当css文件中包含有中文注释时就可能不尽如人意了! 估计是ie6版本以下的浏[详细]
