-
CSS实例：纯CSS打造斜角
所属栏目：[经验] 日期：2018-09-20 热度：66
关于CSS打造斜角，先说一下历史，在CSS+DIV流行以前，也就是用表格作为网页框架的时候，人们通过在一个单元格里加入一个斜角图片来来做这种效果的。这种技术现在已经完全过时了，这里不讨论。CSS+DIV兴起以后，出现了两种制作斜角效果的方法，一个是通过ba[详细]
-
CSS技巧：字体属性简写规则
所属栏目：[经验] 日期：2018-09-20 热度：193
当使用css定义字体时你可能会这样做： 事实上你可以简写这些属性： 现在好多了吧，不过有一点要注意：使用这一简写方式你至少要指定font-size和font-family属性，其他的属性（如font-weight, font-style,font-varient）如未指定将自动使用默认值。[详细]
-
IE6/IE7/FireFox CSS兼容的解决方法
所属栏目：[经验] 日期：2018-09-20 热度：69
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-20 热度：151
假如是这样的情况： 工作机会.nav{height:30px;weight:125px;background:url(images/navbg.jpg);} 这里如果想控制文字的距顶部的距离，可以这样。 增加这样的样式。 .nav{overflow:hidden;line-height:35px;} 这里的line-height:35px;控制上下位置，overfl[详细]
-
用css实现高宽自适应满屏显示无滚动条
所属栏目：[经验] 日期：2018-09-20 热度：64
之前别人也有写过，但兼容性不强，支持以下几款主流浏览器 IE6,7,firefox2,3，时间关系，css就不一一详解了，很简单。请看下面的源码： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitiona[详细]
-
CSS禁止中文输入法（只能输入英文）
所属栏目：[经验] 日期：2018-09-20 热度：180
CSS样式也是可以实现某些类似脚本的功能，例如今天要说的就是禁止输入中文，只要在CSS样式中加上以下代码就可以了： Copy to Clipboard 引用的内容：[www.veryhuo.com]ime-mode : disabled (说明：他的真实效果是禁止切换输入法，也就是说只能输入默认输入[详细]
-
CSS常用类和ID命名规范
所属栏目：[经验] 日期：2018-09-20 热度：63
CSS中的类和ID名称都是可以自定义的，也没有像一些编程语言会保留关键字，在CSS里可以完全自己命名。但是为了使CSS更有可读性，很多人都提倡规范命名。说到这，发现我以前写的不少CSS的命名都是很乱的，真得改改了。 今天翻出电脑里的资料，发现有个CSS常[详细]
-
使用CSS让DIV水平垂直居中的方法
所属栏目：[经验] 日期：2018-09-20 热度：116
要点： 1.position属性设置为：absolute 2.top和left属性都设为：50% 3.margin-top宽度设置为height高度的一半，margin-left属性设置为width宽度的一半。 htmlheadtitleDIV水平垂直居中/titlestylebody{font-size:12px; margin:0; padding:0;}.div1{positi[详细]
-
纯CSS圆角框3：圆角化图片
所属栏目：[经验] 日期：2018-09-20 热度：64
文章导航： 第一章：基本的圆角框 第二章：透明圆角化背景图片 在前面一篇文章中，我们将一张上下渐变的的图片作为标题的背景，并将它应用了圆角效果。是不是这种圆角框只能用于比较单调的图片呢?我们还能将一些颜色比较丰富的图片也进行透明圆角化吗? 答[详细]
-
CSS入门:五个简单,但有用的CSS属性
所属栏目：[经验] 日期：2018-09-20 热度：88
今天说的这5个CSS属性,你可能会很熟悉,但是你可能会很少会去使用.这个教程所讲得不是关于CSS3的属性,而是依旧使用CSS2属性来说明,这些属性广泛的被各种浏览器所支持:clip,min-height,white-space,cursor和display.所以不要错过这个教程,因为你会发现他们是[详细]
-
使用 CSS 自定义网页字体
所属栏目：[经验] 日期：2018-09-11 热度：140
如何使用自定义字体呢？一般的解决办法是把文字体成图片，但是有点麻烦, 不适合我的样的懒人，而且做成图片也不方便修改。还有一种是通过CSS样式定义，我选择了这种, 因为它简单易用，CSS中使用@font-face属性来实现在网页中嵌入任意字体，稍稍复杂一点的[详细]
-
IE6弹出Iframe中文本框无法获得输入焦点的问题
所属栏目：[经验] 日期：2018-09-11 热度：199
公司WEB项目要求是必须兼容FF3，IE6/7/8。本文所述为IE6下的一个BUG. 项目里面写了一个自己封装的弹出层，原理是先动态添加一个遮罩层，再动态添加一个DIV(Table)层(做弹出层的PNG半透明边框效果)，DIV里面动态添加一个IFrame，这个Iframe页面指向一个现存[详细]
-
节约开发时间的十个CSS技巧
所属栏目：[经验] 日期：2018-09-10 热度：103
CSS已经成为网页前段设计一个非常重要的部分，由于写CSS时需要考虑的问题非常多，老手们创建新页面是通常会沿用以前的CSS框架。但是新手没有自己的框架，这篇文章可以给新手们一些启示。 1.简单的纯CSS Tooltip 通过这些代码，你可以做出简单的Tooltip。这[详细]
-
Css+div 垂直居中对齐方式集锦
所属栏目：[经验] 日期：2018-09-10 热度：156
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-10 热度：184
前几天在做一个自定义弹出层时，需要用到iframe做半透明的背景，但是由于iframe不能直接设置背景色而苦恼，百度google之后发现人们大都是给iframe设置src指向一个目标html页面，此页面仅仅是在body中设置背景色。始终觉得这样子不太好，一来是是iframe中页[详细]
-
2009年最好的50个CSS设计网站赏析
所属栏目：[经验] 日期：2018-09-10 热度：137
自2007年以来，我每年都会从Best Web Gallery整理新的CSS最好的网站给大家赏析，本文介绍的是今年2009年最佳的CSS设计。下边是我所整理的50个精美的网站。在这些网站中，我发现了里面很多都是简约优美serif字体设计，但是简单的设计和风格都非常强大。（烈[详细]
-
Web开发从头说起：理解css盒模型
所属栏目：[经验] 日期：2018-09-10 热度：84
在掌握了丰富而强大的css选择符之后，就具备了将css样式根据需要应用到网页中任何元素的能力。能够应用规则了，接下来就需要熟练掌握规则的制定方法什么样的属性组合能够实现什么样的效果。一般的颜色、字体、字号、行高等的设置比较容易掌握，而初学者在[详细]
-
如何用CSS设计一个大背景的站点
所属栏目：[经验] 日期：2018-09-10 热度：118
自从我发布了大背景网页设计合集之后，我收到了很多电子邮件询问如何用css实现大背景的网页设计。因此我决定和大家分享大背景网站的设计技巧。在此教程中，我会用一些实例来说明如何用一张或者两张图片实现大背景网站的设计。 普遍的错误：被裁切的背景（[详细]
-
CSS教程：样式化顺序列表
所属栏目：[经验] 日期：2018-09-10 热度：78
绝大多数的浏览器解释显示列表序号字体大小默认的和文本一样大[详细]
-
超级简单的DIV+CSS网页布局
所属栏目：[经验] 日期：2018-09-10 热度：103
这篇文章演示在一个页面上有效的使用div元素来构建网站，而不是使用table元素。因为div元素有很多优势，所以大部分客户开发网站要求设计开发div元素，而不是table元素。上面的代码是是为了给初学者学习使用div元素开发网站的。 下面解释为什么使用div元素[详细]
-
CSS网页代码编写技巧-隔行换色的实现
所属栏目：[经验] 日期：2018-08-22 热度：141
网页设计中我们经常会碰到用CSS（层叠样式表）实现隔行换色的需求，您可以根据您的需要，采用下面的任何一种方法，当然要注意适合你的具体编码与需求情况。 一、使用background背景图片 如果行高固定的话，推荐使用隔行换色的背景图，也推荐将行高固定，这[详细]
-
用Firefox插件调整CSS 优化网页视觉体验
所属栏目：[经验] 日期：2018-08-22 热度：105
本文讨论如何利用 Firefox 的Stylish插件调整网页的CSS布局，让用户能更加轻松舒服地浏览网页。 现在有越来越多的人在使用Google Reader，利用Google Reader可以非常方便的订阅、阅读 RSS。但Google Reader也有自己不足之处，主要是在阅读上不是很方便。RSS[详细]
-
DIV+CSS网页布局的基础知识整理
所属栏目：[经验] 日期：2018-08-22 热度：99
烈火建站资源网的 CSS教程 栏目中汇集了大量的CSS知识，这些知识已经非常全面了，但很多CSSer新手初来本站，依然云里雾里，现整理一些DIVCSS网页布局常用的一些基础知识，供大家学习，欢迎补充及提一些建议。 CSS命名规范 一．文件命名规范 全局样式：glob[详细]
-
IE浏览器BUG测试的CSS代码
所属栏目：[经验] 日期：2018-08-22 热度：81
烈火建站学院(LieHuo.Net)讯 请运行代码查看演示，或者先修改部分代码! !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlns=http://www.w3.org/1999/xhtml xml:lang=zh-cn[详细]
-
CSS规则的结构和Grouping、class和id
所属栏目：[经验] 日期：2018-08-22 热度：74
2.1 规则的结构 rules::=selector 左括号declarations右括号declarations::= declaration{SEMICOLONdeclaration}[SEMICOLON]SEMICOLON::=分号declaration::=propertyCOLON valueCOLON::=冒号value::=keyword listkeyword list::=keyword{SPACEkeyword}SPAC[详细]
