-
前台开发从头说起：谈谈CSS选择符
所属栏目：[经验] 日期：2018-09-10 热度：72
以前我接受了网上不少博文的说法，一直认为学习css的三大最重要问题是：盒模型、定位、浮动。因为这三块的内容决定了css布局的能力。但是通过上一篇文章的分析，xhtml要实现和css的解耦，就要尽量不依赖于css（或者说不要纯粹为了给css预留接口而添加不必[详细]
-
CSS3:nth-child()伪类选择器
所属栏目：[经验] 日期：2018-09-10 热度：125
CSS3的强大，让人惊叹，人们在惊喜之余，又不得不为其艰难的道路感到可惜：好的标准只有得到行业浏览器的良好支持才算得上标准。CSS3标 准已提出数年，但是目前能实现她的浏览器并不多，虽然部分浏览器能实现部分规范，但这又有什么用呢？面对更多的兼容性[详细]
-
CSS同辈元素定位方式与z-index的总结
所属栏目：[经验] 日期：2018-09-10 热度：122
烈火网(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 热度：76
CSS跟 Java Script开发中，最令大家头疼的问题就是浏览器兼容性了，虽然很多文章有这方面的文章，但依然让很多开发人员晕头转向，而且也不够全面。这篇文章，将全面收集css在各种浏览器下的兼容性报告，以及浏览器的渲染bug，也期待各位不断补充。 兼容性[详细]
-
用css3 tranistions实现平滑过渡
所属栏目：[经验] 日期：2018-09-10 热度：150
Css tranistions允许元素的属性在单位时间内发生平滑的过渡，在阅读完《CSS Transitions Module Level 3》之后，我已经被其所吸引。尽管目前只有chrome和safari浏览器支持该属性(不过目前还得使用-webkit内核关键字作为前缀)，但相信在不久的将来，各主流[详细]
-
使用CSS制作简单的下拉菜单导航
所属栏目：[经验] 日期：2018-09-09 热度：108
welcome to ximumu site.这个教程会告诉你如何创建一个简单的CSS下拉菜单.如果你觉得好就请告诉你的一个朋友让他也知道这个网站,木木会非常感谢的.^_^ 首先,我们来给这个下拉菜单写一个HTML的代码.先创建一个div来做为容器,然后把这个导航菜单放到这个内器[详细]
-
CSS应用:让页脚紧贴页面底部
所属栏目：[经验] 日期：2018-09-09 热度：95
怎么使用Sticky Footer代码 介绍 Google一下可以找到很多让页脚紧贴页面底部的方法，我试过其中的很多，但他们总会在某些方面存在一些问题。之所以有这些问题，可能是因为出现了更新版本的浏览器。一些方法因为太过久远，原本在老版本浏览器可以正常工作，[详细]
-
浅谈 CSS 的定位和浮动
所属栏目：[经验] 日期：2018-09-09 热度：146
CSS 为定位和浮动提供了一些属性，利用这些属性，可以建立列式布局，将布局的一部分与另一部分重叠，还可以完成多年来通常需要使用多个表格才能完成的任务。 定位的基本思想很简单，它允许你定义元素框相对于其正常位置应该出现的位置，或者相对于父元素、[详细]
-
如何用纯CSS打造一个弹性日历
所属栏目：[经验] 日期：2018-09-09 热度：109
传统的日历是在一张页面划分出几个格子.作为一个网页设计师,你有权利用表格来做出效果,我也不会说你错了. 那么做为一个标准的WEB设计师来说,遵守WEB的标准好处是不言而语的.那么我们来看下如何使用CSS来做出一个有弹性的日历表出来--为什么说是有弹性的,因[详细]
-
CSS中background:url(图片) 不能显示的问题
所属栏目：[经验] 日期：2018-09-09 热度：94
刚刚碰到一个诡异的问题，这样一段CSS代码： background:url(images/bg/bg1.gif) no-repeat; 这段代码居然不能显示出背景图片，倒塌。。。 代码肯定没有问题，即便我没有对背景图片定位，这里暂不考虑，因为我这里不存在这个问题。。。于是乎，搜索了一下Go[详细]
-
Textarea使用cols和rows不应使用css控制高度和宽度
所属栏目：[经验] 日期：2018-09-09 热度：159
烈火网(LieHuo.Net)教程 本以为元素的宽度高度应该全部由css控制，结果html validator提示textarea必须有cols和rows属性，否则不符合W3C XHTML 1.0 Transitional标准。 错误: required attribute rows not specified 错误: required attribute cols not sp[详细]
-
Iframe框架在IE6显示横向滚动条的问题
所属栏目：[经验] 日期：2018-09-09 热度：64
frameset, iframe, frame框架页面在IE6中出现横向滚动条bug的隐藏方法 使用框架（无论是frameset、frame、iframe）嵌套网页的时候，如果子网页的高度超过了预先设定的高度，会出现滚动条，也就是尺寸溢出，一般来说如果高度超了就出现垂直滚动条，宽度超了[详细]
-
无需图片纯CSS设计Table圆角效果
所属栏目：[经验] 日期：2018-09-09 热度：50
烈火网(LieHuo.Net)教程 在日常的上网中，我们经常会看到一些圆角边框，通常是需要用图片来实现的，那么能不能利用纯CSS来设计表格边框的圆角呢？其实是可以的，今天我们就来看一下CSS实现圆角的实例： title无需图片纯CSS设计Table圆角效果－liehuo.net/t[详细]
-
用css控制图片大小 防止撑破网页
所属栏目：[经验] 日期：2018-09-09 热度：113
烈火网(LieHuo.Net)教程 很久没在烈火网露面了，看到大家为图片控制大小烦恼 我这有段代码 很不错，设置最大宽度是630px 如果大于630就把图片宽度设置为630 高度就会随着比例也会缩小 不会造成图片变形！[详细]
-
css技巧:清除多余的标签让代码更加有意义
所属栏目：[经验] 日期：2018-09-09 热度：110
如果你是一个喜欢什么都用div来标签的人,那么这个教程一定很适合你.在这个教程里着重讲如何规范的来写HTML代码让它更加的有意义.你有没有经历过这样的场景:在编缉别人的模版时发现那些语意不明的标签,你的感觉是什么样子的.学完这个教程后你会发现规范的代[详细]
-
doctype的markup validation
所属栏目：[经验] 日期：2018-09-09 热度：84
本文作者：虚度人生 博客：http://www.cnblogs.com/nozer0/ 之前谈过doctype的问题，被忽视的DOCTYPE，最末说了提倡使用!DOCTYPE HTML，最简洁明了且是标准模式。 但是最近发现使用这种方式会产生问题，见代码： !DOCTYPE HTMLhtmlheadtitletest page/titl[详细]
-
CSS 使图片变灰的实例
所属栏目：[经验] 日期：2018-09-09 热度：176
最近项目中遇到个问题，就是要使图片变灰。我想了几种解决方案。 1 一种是图片之间的替换，也就是将正常的图片再做成灰色的。这种方法应该是最稳定的了， 但是就要花费时间去做多余的那些图片了。应该算是比较费事的那种，程序员嘛，都比较懒， 喜欢让计算[详细]
-
关于iframe的一点发现与思考
所属栏目：[经验] 日期：2018-09-09 热度：105
用了很久的iframe，一直觉得很好用。一般情况头部，底部包括部分侧边栏都会放到iframe里面。用了那么多，今天才发现对他了解的那么少。 这还得从今天一个意外的发现说起。公司有几个网站。互相之间都有链接放到友链里。刚换了个链接要检查一下，用站长工具[详细]
-
优化浏览器渲染：指定图片尺寸
所属栏目：[经验] 日期：2018-09-08 热度：100
概述 为页面中所有图片指定宽度和高度可以消除不必要的reflows和重新绘制页面【repaints】，使页面渲染速度更快。 详细信息 当浏览器勾画页面时，它需要能够流动的，如图片这样的可替换的元素。提供了图片尺寸，浏览器知道去环绕附近的不可替换元素，甚至[详细]
-
优化浏览器渲染：避免CSS expressions
所属栏目：[经验] 日期：2018-09-08 热度：113
概述 CSS表达式会降低浏览器的渲染性能；用其他方案替换它们将会改善 IE浏览器 的渲染性能。 注意：本节最佳实践只适用于Internet Explorer 5到7，它们支持CSS表达式。Internet Explorer 8放弃使用CSS表达式，而其他浏览器是不支持的。 详细信息 作为一种动[详细]
-
隐藏 a 和 BUTTON 的焦点虚线框
所属栏目：[经验] 日期：2018-09-08 热度：153
默认情况下, 在按下 A/ 和 BUTTON/ IE 和 FF 都会出现虚线框 可有很多时候, 这影响了我们页面的统一风格, 所以, 我们要把这虚线框去掉... 也许, 有很多人都在用 this.blur(), 来让对象失去焦点: a href=# onclick=this.blur(); return false; / //注:href有[详细]
-
置换元素在IE浏览器中的疑难杂症
所属栏目：[经验] 日期：2018-09-08 热度：113
置换元素在 IE 浏览器中有不少问题，比方说置换元素的行高就是其中难题之一，当然还有 form 元素 textarea 的边距继承 bug，OK，今天再介绍几个，凑满一箩筐。 置换元素与A标签 场景： IE6，A标签内的图片（置换元素），默认隐藏，hover显示 html： a href=[详细]
-
display属性的一点理解 css教程
所属栏目：[经验] 日期：2018-09-08 热度：113
这个属性用于定义建立布局时元素生成的显示框类型。 先讲讲它的语法，这是从w3school里摘录下来的： 语法： display : block | none | inline | compact | marker | inline-table | list-item | run-in | table | table-caption | table-cell | table-colum[详细]
-
以旧换新的css滤镜
所属栏目：[经验] 日期：2018-09-08 热度：131
嗯，不是以旧换新，是希望css滤镜这个旧东东能焕发出新的生命。在新出的css3的一些特性令大家大声叫好时，其实ie下的滤镜早已默默的实现了相似的功能。OK，话不多说，让我们挨个来看一下。 界面滤镜： AlphaImageLoader： 语法： filter:progid:DXImageTran[详细]
-
浅谈 Iframe 和 FRAME 的区别
所属栏目：[经验] 日期：2018-09-08 热度：61
一、Iframe标记的使用 提起Iframe，可能你早已将之扔到被遗忘的角落了，不过，说起其兄弟Frame就不会陌生了。Frame标记即帧标记，我们所说的多帧结构就是在一个浏览器窗口中显示多个HTML文件。现在，我们遇到一种很现实的情况：如有一个教程，是一节一节地[详细]
