经验_开发网_新乡站长网

纯CSS圆角框2:透明圆角化背景图片

所属栏目：[经验] 日期：2018-09-21 热度：90

在上面的案例中，我只给出最为原始的圆角框模型，它还是存在一些不足之处。比如不能将图片应用到圆角框内。而在本例中，我会在上面的基础上作出一些创新。就是将背景图片也圆角化，好像目前在网络上还没有这样的功能应用，我只见过用js方式来实现的，可以[详细]
纯CSS圆角框:基本的圆角框

所属栏目：[经验] 日期：2018-09-21 热度：113

序言：在我的文章《超圆滑圆角框的半完美解决方案》中已经总结了七种不同的圆角框解决方案，基本上总结完了目前网络上比较流行的圆角框实现方案。而在我的另一篇文章《无图片山顶角》中又是一个另类的实现方法。纯CSS实现圆角框是一件大家都说烂了的事件[详细]
XHTML+CSS布局img图片元素出现空白的问题

所属栏目：[经验] 日期：2018-09-21 热度：120

在进行页面的XHTML+CSS排版时，遇到IE6(当然有时 Firefox 下也会偶遇)浏览器中的图片元素img下出现多余空白的问题绝对是常见的，对于该问题的解决方法也是见机行事，根据原因的不同要用不同的解决方法，这里把解决直接把解决image图片布局下边的多余空隙的[详细]
CSS中英文无法自动换行的解决办法

所属栏目：[经验] 日期：2018-09-21 热度：64

问题：在一个设定好宽度的div中，当我们输入的中文文字长度超过了设定宽度时，会自动换到下一行。但是，如果输入的是英文字母，那么，无论你div设定宽度为多少，英文字母都是不换行直接在同一行输出，导致div的宽度远远超出设定的大[详细]
CSS Sprites:实用技巧,还是潜在危险?[译]

所属栏目：[经验] 日期：2018-09-21 热度：182

无处不在的CSS sprites是为数不多的几个可以绕过逐渐流行阶段，而直接让自己成为CSS最佳实践的Web设计技巧中的一个。尽管在A List Apart对它进行一个解释以及赞同认可这种方式之前，它还没有真正地流行。它最早是由Petr Stancek.在2003年7月提出来作为一个[详细]
CSS 网页布局实例：横向分栏水平居中的实现

所属栏目：[经验] 日期：2018-09-21 热度：148

CSS 网页布局实例：横向分栏水平居中的实现 CSS 横向分栏布局实例，在内容显示区，因为元素未定义高度，所以必须添加内容，才能更好地显示元素的位置。也就是给正文显示区更大的余地，让内容决定正方的高度，因为本布局实例就是横向不变竖向变，以满足不同[详细]
CSS实例布局：绝对定位的DIV层实现

所属栏目：[经验] 日期：2018-09-21 热度：97

本文要介绍的教程是关于CSS绝对定位的布局问题，关于CSS绝对定位的好处是，不管网页窗口有多大或多小，其内部显示的内容不会变形，浏览用拖动条代替，在对布局显示要求较高的场合，绝对定位还是有很大好处的。这个使用绝对定位技术的CSS代码会告诉你该如何[详细]
CSS3实例效果五则,很实用的WEB开发教程

所属栏目：[经验] 日期：2018-09-21 热度：187

对于设计人员和开发人员来说，CSS一直是web设计过程中重要的一部分，随着CSS3的出现以及越来越多的浏览器对它的支持，设计师们有了更多的选择。用纯CSS也可以实现各种各样很酷的效果了，甚至是动画。虽然有些效果不能跨浏览器（甚至是支持CSS3的浏览器）[详细]
把Flash转成Javascript/HTML5

所属栏目：[经验] 日期：2018-09-21 热度：139

SmokeScreen是这样一个开源软件，它可以把Flash的swf文件转成 Java script/HTML5，它的口号是：Flash without plugin。为什么要这样做呢？它说主要是因主Apple的iPhone/iPod/iPad不支持flash，而且看似Steve Jobs也不愿意在以后支持flash。所以，他们搞了[详细]
CSS实例：纯CSS打造斜角

所属栏目：[经验] 日期：2018-09-14 热度：160

关于CSS打造斜角，先说一下历史，在CSS+DIV流行以前，也就是用表格作为网页框架的时候，人们通过在一个单元格里加入一个斜角图片来来做这种效果的。这种技术现在已经完全过时了，这里不讨论。CSS+DIV兴起以后，出现了两种制作斜角效果的方法，一个是通过ba[详细]
CSS技巧：字体属性简写规则

所属栏目：[经验] 日期：2018-09-14 热度：64

当使用css定义字体时你可能会这样做：事实上你可以简写这些属性：现在好多了吧，不过有一点要注意：使用这一简写方式你至少要指定font-size和font-family属性，其他的属性（如font-weight, font-style,font-varient）如未指定将自动使用默认值。[详细]
IE6/IE7/FireFox CSS兼容的解决方法

所属栏目：[经验] 日期：2018-09-14 热度：194

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 热度：118

假如是这样的情况：工作机会.nav{height:30px;weight:125px;background:url(images/navbg.jpg);} 这里如果想控制文字的距顶部的距离，可以这样。增加这样的样式。 .nav{overflow:hidden;line-height:35px;} 这里的line-height:35px;控制上下位置，overfl[详细]
用css实现高宽自适应满屏显示无滚动条

所属栏目：[经验] 日期：2018-09-14 热度：63

之前别人也有写过，但兼容性不强，支持以下几款主流浏览器 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-14 热度：193

CSS样式也是可以实现某些类似脚本的功能，例如今天要说的就是禁止输入中文，只要在CSS样式中加上以下代码就可以了： Copy to Clipboard 引用的内容：[www.veryhuo.com]ime-mode : disabled (说明：他的真实效果是禁止切换输入法，也就是说只能输入默认输入[详细]
CSS常用类和ID命名规范

所属栏目：[经验] 日期：2018-09-14 热度：105

CSS中的类和ID名称都是可以自定义的，也没有像一些编程语言会保留关键字，在CSS里可以完全自己命名。但是为了使CSS更有可读性，很多人都提倡规范命名。说到这，发现我以前写的不少CSS的命名都是很乱的，真得改改了。今天翻出电脑里的资料，发现有个CSS常[详细]
使用CSS让DIV水平垂直居中的方法

所属栏目：[经验] 日期：2018-09-14 热度：183

要点： 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-14 热度：111

文章导航：第一章：基本的圆角框第二章：透明圆角化背景图片在前面一篇文章中，我们将一张上下渐变的的图片作为标题的背景，并将它应用了圆角效果。是不是这种圆角框只能用于比较单调的图片呢?我们还能将一些颜色比较丰富的图片也进行透明圆角化吗? 答[详细]
CSS入门:五个简单,但有用的CSS属性

所属栏目：[经验] 日期：2018-09-14 热度：163

今天说的这5个CSS属性,你可能会很熟悉,但是你可能会很少会去使用.这个教程所讲得不是关于CSS3的属性,而是依旧使用CSS2属性来说明,这些属性广泛的被各种浏览器所支持:clip,min-height,white-space,cursor和display.所以不要错过这个教程,因为你会发现他们是[详细]
关于iframe的一点发现与思考

所属栏目：[经验] 日期：2018-09-06 热度：82

用了很久的iframe，一直觉得很好用。一般情况头部，底部包括部分侧边栏都会放到iframe里面。用了那么多，今天才发现对他了解的那么少。这还得从今天一个意外的发现说起。公司有几个网站。互相之间都有链接放到友链里。刚换了个链接要检查一下，用站长工具[详细]
CSS如何控制BR换行符的高度？

所属栏目：[经验] 日期：2018-09-06 热度：150

今天有朋友咨询烈火网小编，关于CSS控制换行符的问题，CSS基本上对 BR 不起作用，如果是 P 之类的话就好控制了。再浏览器中，要取消BR的作用，好像貌似只有用 javascript 替换，或者服务端输出的时候就替换掉。后来找到一个CSS中可以起作用的，以下为CSS[详细]
CSS3中border-radius隐藏的威力

所属栏目：[经验] 日期：2018-09-06 热度：89

这篇文章将简述使用CSS3的border-radius来画圆、半圆和四分之一圆，并如何利用它们。如何使用border-radius属性下面是border-radius属性最基本的使用方法。 Copy to Clipboard 引用的内容：[www.veryhuo.com].round { border-radius: 5px; /* 所有角都使[详细]
令人瞠目结舌的47个国外CSS3图像演示

所属栏目：[经验] 日期：2018-09-06 热度：136

或许你已经看过很多关于CSS3动画的技术，包括网页教学网之前发表的一些，那么现在就情看一看CSS3动画的魅力吧。这里是一辑47个令人瞠目结舌的CSS3动画演示。他们演示了CSS3能给我们带来的巨大的可能性。 1.使用 jQuery 的CSS3时钟 2.模拟时钟 3.使用方向键[详细]
利用CSS3 Gradients创建无图片水晶按钮

所属栏目：[经验] 日期：2018-09-06 热度：151

没有css3之前，我们需要在PS中创建水晶按钮。有了css3，我们可以很容易生成水晶按钮。尽管CSS3 Gradient还未得到大多数浏览器的支持，但各主流浏览器已经在自己的内核中支持css3 Gradient (WebKit Nightly (current)、 Safari 4 incl. Mobile Safari、 Chr[详细]
CSS实现FLASH在页面中水平垂直居中

所属栏目：[经验] 日期：2018-09-06 热度：188

问题：我这个页面只有一个FLASH我要如何才能让它垂直+水平居中呢回答： htmlheadtitledemo/titlemeta http-equiv=Content-Type content=text/html; charset=utf-8 //title/headbodydiv id=container style=display:table-cell;width:800px;height:800px[详细]

12052

460