-
无需图片纯CSS设计Table圆角效果
所属栏目：[经验] 日期：2018-09-14 热度：199
烈火网(LieHuo.Net)教程 在日常的上网中，我们经常会看到一些圆角边框，通常是需要用图片来实现的，那么能不能利用纯CSS来设计表格边框的圆角呢？其实是可以的，今天我们就来看一下CSS实现圆角的实例： title无需图片纯CSS设计Table圆角效果－liehuo.net/t[详细]
-
用css控制图片大小 防止撑破网页
所属栏目：[经验] 日期：2018-09-14 热度：105
烈火网(LieHuo.Net)教程 很久没在烈火网露面了，看到大家为图片控制大小烦恼 我这有段代码 很不错，设置最大宽度是630px 如果大于630就把图片宽度设置为630 高度就会随着比例也会缩小 不会造成图片变形！[详细]
-
css技巧:清除多余的标签让代码更加有意义
所属栏目：[经验] 日期：2018-09-14 热度：77
如果你是一个喜欢什么都用div来标签的人,那么这个教程一定很适合你.在这个教程里着重讲如何规范的来写HTML代码让它更加的有意义.你有没有经历过这样的场景:在编缉别人的模版时发现那些语意不明的标签,你的感觉是什么样子的.学完这个教程后你会发现规范的代[详细]
-
CSS实例：纯CSS打造斜角
所属栏目：[经验] 日期：2018-09-14 热度：56
关于CSS打造斜角，先说一下历史，在CSS+DIV流行以前，也就是用表格作为网页框架的时候，人们通过在一个单元格里加入一个斜角图片来来做这种效果的。这种技术现在已经完全过时了，这里不讨论。CSS+DIV兴起以后，出现了两种制作斜角效果的方法，一个是通过ba[详细]
-
CSS技巧：字体属性简写规则
所属栏目：[经验] 日期：2018-09-14 热度：173
当使用css定义字体时你可能会这样做： 事实上你可以简写这些属性： 现在好多了吧，不过有一点要注意：使用这一简写方式你至少要指定font-size和font-family属性，其他的属性（如font-weight, font-style,font-varient）如未指定将自动使用默认值。[详细]
-
IE6/IE7/FireFox CSS兼容的解决方法
所属栏目：[经验] 日期：2018-09-14 热度：199
1.DOCTYPE 影响 CSS 处理 2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行 3.FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中 4.FF: 设置 padding 后, div 会增加 height 和 wi[详细]
-
CSS背景图片控制单行文字顶距的技巧
所属栏目：[经验] 日期：2018-09-14 热度：63
假如是这样的情况： 工作机会.nav{height:30px;weight:125px;background:url(images/navbg.jpg);} 这里如果想控制文字的距顶部的距离，可以这样。 增加这样的样式。 .nav{overflow:hidden;line-height:35px;} 这里的line-height:35px;控制上下位置，overfl[详细]
-
用css实现高宽自适应满屏显示无滚动条
所属栏目：[经验] 日期：2018-09-14 热度：126
之前别人也有写过，但兼容性不强，支持以下几款主流浏览器 IE6,7,firefox2,3，时间关系，css就不一一详解了，很简单。请看下面的源码： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitiona[详细]
-
IE6弹出Iframe中文本框无法获得输入焦点的问题
所属栏目：[经验] 日期：2018-09-12 热度：138
公司WEB项目要求是必须兼容FF3，IE6/7/8。本文所述为IE6下的一个BUG. 项目里面写了一个自己封装的弹出层，原理是先动态添加一个遮罩层，再动态添加一个DIV(Table)层(做弹出层的PNG半透明边框效果)，DIV里面动态添加一个IFrame，这个Iframe页面指向一个现存[详细]
-
节约开发时间的十个CSS技巧
所属栏目：[经验] 日期：2018-09-12 热度：55
CSS已经成为网页前段设计一个非常重要的部分，由于写CSS时需要考虑的问题非常多，老手们创建新页面是通常会沿用以前的CSS框架。但是新手没有自己的框架，这篇文章可以给新手们一些启示。 1.简单的纯CSS Tooltip 通过这些代码，你可以做出简单的Tooltip。这[详细]
-
Css+div 垂直居中对齐方式集锦
所属栏目：[经验] 日期：2018-09-12 热度：128
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-12 热度：168
前几天在做一个自定义弹出层时，需要用到iframe做半透明的背景，但是由于iframe不能直接设置背景色而苦恼，百度google之后发现人们大都是给iframe设置src指向一个目标html页面，此页面仅仅是在body中设置背景色。始终觉得这样子不太好，一来是是iframe中页[详细]
-
2009年最好的50个CSS设计网站赏析
所属栏目：[经验] 日期：2018-09-12 热度：136
自2007年以来，我每年都会从Best Web Gallery整理新的CSS最好的网站给大家赏析，本文介绍的是今年2009年最佳的CSS设计。下边是我所整理的50个精美的网站。在这些网站中，我发现了里面很多都是简约优美serif字体设计，但是简单的设计和风格都非常强大。（烈[详细]
-
Web开发从头说起：理解css盒模型
所属栏目：[经验] 日期：2018-09-12 热度：74
在掌握了丰富而强大的css选择符之后，就具备了将css样式根据需要应用到网页中任何元素的能力。能够应用规则了，接下来就需要熟练掌握规则的制定方法什么样的属性组合能够实现什么样的效果。一般的颜色、字体、字号、行高等的设置比较容易掌握，而初学者在[详细]
-
如何用CSS设计一个大背景的站点
所属栏目：[经验] 日期：2018-09-12 热度：124
自从我发布了大背景网页设计合集之后，我收到了很多电子邮件询问如何用css实现大背景的网页设计。因此我决定和大家分享大背景网站的设计技巧。在此教程中，我会用一些实例来说明如何用一张或者两张图片实现大背景网站的设计。 普遍的错误：被裁切的背景（[详细]
-
CSS教程：样式化顺序列表
所属栏目：[经验] 日期：2018-09-12 热度：65
绝大多数的浏览器解释显示列表序号字体大小默认的和文本一样大[详细]
-
超级简单的DIV+CSS网页布局
所属栏目：[经验] 日期：2018-09-12 热度：114
这篇文章演示在一个页面上有效的使用div元素来构建网站，而不是使用table元素。因为div元素有很多优势，所以大部分客户开发网站要求设计开发div元素，而不是table元素。上面的代码是是为了给初学者学习使用div元素开发网站的。 下面解释为什么使用div元素[详细]
-
前台开发从头说起：谈谈CSS选择符
所属栏目：[经验] 日期：2018-09-10 热度：100
以前我接受了网上不少博文的说法，一直认为学习css的三大最重要问题是：盒模型、定位、浮动。因为这三块的内容决定了css布局的能力。但是通过上一篇文章的分析，xhtml要实现和css的解耦，就要尽量不依赖于css（或者说不要纯粹为了给css预留接口而添加不必[详细]
-
CSS3:nth-child()伪类选择器
所属栏目：[经验] 日期：2018-09-10 热度：71
CSS3的强大，让人惊叹，人们在惊喜之余，又不得不为其艰难的道路感到可惜：好的标准只有得到行业浏览器的良好支持才算得上标准。CSS3标 准已提出数年，但是目前能实现她的浏览器并不多，虽然部分浏览器能实现部分规范，但这又有什么用呢？面对更多的兼容性[详细]
-
CSS同辈元素定位方式与z-index的总结
所属栏目：[经验] 日期：2018-09-10 热度：56
烈火网(LieHuo.Net)教程 CSS同辈元素定位方式与z-index的总结，同辈元素定位方式相同，且无z-index设置时，html靠后者居上，请看下面的示例源码： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-t[详细]
-
多浏览器兼容性问题及解决方案之CSS篇
所属栏目：[经验] 日期：2018-09-10 热度：100
CSS跟 Java Script开发中，最令大家头疼的问题就是浏览器兼容性了，虽然很多文章有这方面的文章，但依然让很多开发人员晕头转向，而且也不够全面。这篇文章，将全面收集css在各种浏览器下的兼容性报告，以及浏览器的渲染bug，也期待各位不断补充。 兼容性[详细]
-
用css3 tranistions实现平滑过渡
所属栏目：[经验] 日期：2018-09-10 热度：125
Css tranistions允许元素的属性在单位时间内发生平滑的过渡，在阅读完《CSS Transitions Module Level 3》之后，我已经被其所吸引。尽管目前只有chrome和safari浏览器支持该属性(不过目前还得使用-webkit内核关键字作为前缀)，但相信在不久的将来，各主流[详细]
-
使用CSS制作简单的下拉菜单导航
所属栏目：[经验] 日期：2018-09-10 热度：163
welcome to ximumu site.这个教程会告诉你如何创建一个简单的CSS下拉菜单.如果你觉得好就请告诉你的一个朋友让他也知道这个网站,木木会非常感谢的.^_^ 首先,我们来给这个下拉菜单写一个HTML的代码.先创建一个div来做为容器,然后把这个导航菜单放到这个内器[详细]
-
CSS应用:让页脚紧贴页面底部
所属栏目：[经验] 日期：2018-09-10 热度：163
怎么使用Sticky Footer代码 介绍 Google一下可以找到很多让页脚紧贴页面底部的方法，我试过其中的很多，但他们总会在某些方面存在一些问题。之所以有这些问题，可能是因为出现了更新版本的浏览器。一些方法因为太过久远，原本在老版本浏览器可以正常工作，[详细]
-
浅谈 CSS 的定位和浮动
所属栏目：[经验] 日期：2018-09-10 热度：189
CSS 为定位和浮动提供了一些属性，利用这些属性，可以建立列式布局，将布局的一部分与另一部分重叠，还可以完成多年来通常需要使用多个表格才能完成的任务。 定位的基本思想很简单，它允许你定义元素框相对于其正常位置应该出现的位置，或者相对于父元素、[详细]
