-
CSS技巧：字体属性简写规则
所属栏目：[经验] 日期：2018-09-30 热度：73
当使用css定义字体时你可能会这样做： 事实上你可以简写这些属性： 现在好多了吧，不过有一点要注意：使用这一简写方式你至少要指定font-size和font-family属性，其他的属性（如font-weight, font-style,font-varient）如未指定将自动使用默认值。[详细]
-
CSS背景图片控制单行文字顶距的技巧
所属栏目：[经验] 日期：2018-09-30 热度：71
假如是这样的情况： 工作机会.nav{height:30px;weight:125px;background:url(images/navbg.jpg);} 这里如果想控制文字的距顶部的距离，可以这样。 增加这样的样式。 .nav{overflow:hidden;line-height:35px;} 这里的line-height:35px;控制上下位置，overfl[详细]
-
用css实现高宽自适应满屏显示无滚动条
所属栏目：[经验] 日期：2018-09-30 热度：85
之前别人也有写过，但兼容性不强，支持以下几款主流浏览器 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-30 热度：62
CSS样式也是可以实现某些类似脚本的功能，例如今天要说的就是禁止输入中文，只要在CSS样式中加上以下代码就可以了： Copy to Clipboard 引用的内容：[www.veryhuo.com]ime-mode : disabled (说明：他的真实效果是禁止切换输入法，也就是说只能输入默认输入[详细]
-
CSS常用类和ID命名规范
所属栏目：[经验] 日期：2018-09-30 热度：200
CSS中的类和ID名称都是可以自定义的，也没有像一些编程语言会保留关键字，在CSS里可以完全自己命名。但是为了使CSS更有可读性，很多人都提倡规范命名。说到这，发现我以前写的不少CSS的命名都是很乱的，真得改改了。 今天翻出电脑里的资料，发现有个CSS常[详细]
-
使用CSS让DIV水平垂直居中的方法
所属栏目：[经验] 日期：2018-09-30 热度：58
要点： 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-30 热度：188
文章导航： 第一章：基本的圆角框 第二章：透明圆角化背景图片 在前面一篇文章中，我们将一张上下渐变的的图片作为标题的背景，并将它应用了圆角效果。是不是这种圆角框只能用于比较单调的图片呢?我们还能将一些颜色比较丰富的图片也进行透明圆角化吗? 答[详细]
-
CSS入门:五个简单,但有用的CSS属性
所属栏目：[经验] 日期：2018-09-30 热度：57
今天说的这5个CSS属性,你可能会很熟悉,但是你可能会很少会去使用.这个教程所讲得不是关于CSS3的属性,而是依旧使用CSS2属性来说明,这些属性广泛的被各种浏览器所支持:clip,min-height,white-space,cursor和display.所以不要错过这个教程,因为你会发现他们是[详细]
-
怎么调用iframe的父窗口的父窗口?
所属栏目：[经验] 日期：2018-09-26 热度：68
问题： 怎么调用iframe的父窗口的父窗口?做个AJAX上传图片 Copy to Clipboard 引用的内容：[www.veryhuo.com]iframe src=ajax_upimage.html name=iframeUpload1 width=350 height=80 frameborder=0 SCROLLING=no style=border:1px red solid/iframe ajax_u[详细]
-
纯CSS圆角框2:透明圆角化背景图片
所属栏目：[经验] 日期：2018-09-26 热度：75
在上面的案例中，我只给出最为原始的圆角框模型，它还是存在一些不足之处。比如不能将图片应用到圆角框内。而在本例中，我会在上面的基础上作出一些创新。就是将背景图片也圆角化，好像目前在网络上还没有这样的功能应用，我只见过用js方式来实现的，可以[详细]
-
纯CSS圆角框:基本的圆角框
所属栏目：[经验] 日期：2018-09-26 热度：107
序言：在我的文章《超圆滑圆角框的半完美解决方案》中已经总结了七种不同的圆角框解决方案，基本上总结完了目前网络上比较流行的圆角框实现方案。而在我的另一篇文章《无图片山顶角》中又是一个另类的实现方法。 纯CSS实现圆角框是一件大家都说烂了的事件[详细]
-
XHTML+CSS布局img图片元素出现空白的问题
所属栏目：[经验] 日期：2018-09-26 热度：176
在进行页面的XHTML+CSS排版时，遇到IE6(当然有时 Firefox 下也会偶遇)浏览器中的图片元素img下出现多余空白的问题绝对是常见的，对于该问题的解决方法也是见机行事，根据原因的不同要用不同的解决方法，这里把解决直接把解决image图片布局下边的多余空隙的[详细]
-
CSS中英文无法自动换行的解决办法
所属栏目：[经验] 日期：2018-09-26 热度：87
问题： 在一个设定好宽度的div中，当我们输入的中文文字长度超过了设定宽度时，会自动换到下一行。但是，如果输入的是英文字母，那么，无论你div设定宽度为多少，英文字母都是不换行直接在同一行输出，导致div的宽度远远超出设定的大[详细]
-
CSS Sprites:实用技巧,还是潜在危险?[译]
所属栏目：[经验] 日期：2018-09-26 热度：147
无处不在的CSS sprites是为数不多的几个可以绕过逐渐流行阶段，而直接让自己成为CSS最佳实践的Web设计技巧中的一个。尽管在A List Apart对它进行一个解释以及赞同认可这种方式之前，它还没有真正地流行。它最早是由Petr Stancek.在2003年7月提出来作为一个[详细]
-
CSS 网页布局实例：横向分栏水平居中的实现
所属栏目：[经验] 日期：2018-09-26 热度：161
CSS 网页布局实例：横向分栏水平居中的实现 CSS 横向分栏布局实例，在内容显示区，因为元素未定义高度，所以必须添加内容，才能更好地显示元素的位置。也就是给正文显示区更大的余地，让内容决定正方的高度，因为本布局实例就是横向不变竖向变，以满足不同[详细]
-
CSS实例布局：绝对定位的DIV层实现
所属栏目：[经验] 日期：2018-09-26 热度：185
本文要介绍的教程是关于CSS绝对定位的布局问题，关于CSS绝对定位的好处是，不管网页窗口有多大或多小，其内部显示的内容不会变形，浏览用拖动条代替，在对布局显示要求较高的场合，绝对定位还是有很大好处的。这个使用绝对定位技术的CSS代码会告诉你该如何[详细]
-
CSS3实例效果五则,很实用的WEB开发教程
所属栏目：[经验] 日期：2018-09-26 热度：171
对于设计人员和开发人员来说，CSS一直是web设计过程中重要的一部分，随着CSS3的出现以及越来越多的浏览器对它的支持，设计师们有了更多的选择。 用纯CSS也可以实现各种各样很酷的效果了，甚至是动画。虽然有些效果不能跨浏览器（甚至是支持CSS3的浏览器）[详细]
-
把Flash转成Javascript/HTML5
所属栏目：[经验] 日期：2018-09-26 热度：173
SmokeScreen是这样一个开源软件，它可以把Flash的swf文件转成 Java script/HTML5，它的口号是：Flash without plugin。为什么要这样做呢？它说主要是因主Apple的iPhone/iPod/iPad不支持flash，而且看似Steve Jobs也不愿意在以后支持flash。所以，他们搞了[详细]
-
CSS3 灵活的盒子模型(Flexible Box Module)–1
所属栏目：[经验] 日期：2018-09-19 热度：145
CSS3 标准里引入了一些新的盒子模型参数，在 CSS2 的基础上，我们将能更灵活地调整页面上各个容器的大小和位置。详细的说明可以看 这个文档 。 通过学习和测试，我发现这种新的盒子模型布局对建立自适应布局的页面带来很大的好处。在这篇文章中，我的所有[详细]
-
CSS入门技巧：关于CSS样式表的教程
所属栏目：[经验] 日期：2018-09-19 热度：184
本例为CSS入门系列教程，在这一课中我们将学习CSS的样式表，主要学习在学习css之前你应该掌握哪些基础知识，认识CSS以及如何使用CSS，希望能给对网页制作感兴趣的朋友带来帮助~~ 推荐阅读： CSS2.0在线手册http://www.veryhuo.com/a/manual/css/ CSS入门教[详细]
-
CSS入门技巧七则：语法基础教程
所属栏目：[经验] 日期：2018-09-19 热度：196
本例为CSS入门系列教程，在这一课中我们将学习CSS的语法基础，主要学习CSS的基本语法、选择符组、类选择符、ID选择符、包含选择符、 样式表的层叠性以及，希望能给对网页制作感兴趣的朋友带来帮助~~ CSS入门教程之语法基础 1. 基本语法 CSS的定义是由三个部[详细]
-
点击超级链接后不显示虚线边框的代码
所属栏目：[经验] 日期：2018-09-19 热度：117
烈火网(LieHuo.Net)HTML教程:让链接点击后不显示虚线框，如果在我们不定义的时候，一般的链接在点击后会出现一个虚线边框，其实这样做也有好处，可以告诉用户你点击了哪里的链接，不过有些用户有别的用途，不想显示这种虚线框，那么有什么办法吗？其实很简[详细]
-
Css3 弹性盒模型介绍（附DEMO演示）
所属栏目：[经验] 日期：2018-09-19 热度：152
Css3引入了新的盒模型弹性盒模型，该模型决定一个盒子在其他盒子中的分布方式以及如何处理可用的空间。这与XUL（火狐使用的用户交互语言）相似，其它语言也使用相同的盒模型，如XAML 、GladeXML。 使用该模型，可以很轻松的创建自适应浏览器窗口的流动布局[详细]
-
跨浏览器 CSS 阴影的实现方法
所属栏目：[经验] 日期：2018-09-19 热度：125
阴影是最常用的 CSS 效果之一，CSS3 标准已经增加了阴影属性，下面讨论一下阴影在各种浏览器里的实现方法。 CSS3 阴影 CSS3 里使用 box-shadow 属性定义块的阴影，基本语法如下： box-shadow: 3px 3px 4px #000; 上面的样式里，前面两个 3px 表示阴影在 xy[详细]
-
WEB 网页固定大小并且居中显示的方法
所属栏目：[经验] 日期：2018-09-19 热度：200
方法一：针对无框架的页面。 其实就是设定Table的属性来实现。 table width=100% height=100% border=1 tr td align=center valign=top table width=980px height=100% border=1 tr td !-- 此处放置你的页面内容 -- /td /tr /table /td /tr /table 方法二[详细]
