网页制作

使用CSS3的appearance属性改变任何元素的浏览器默认风格

其实我们可以使用“appearance”属性,来改变任何元素的浏览器默认风格,简单的说,你可以使用“appearance”属性将“段落p”渲染成button的风格,也可以渲染成“输入框”、“选择框”等效果,需要的朋友可以了解下
收藏 0 赞 0 分享

inline-block元素的4px空白间距解决方案

有关于使用inline-block来代替float的讨论也蛮多的,最常说的就是使用inline-block来代替float进行布局,或者使用inline-block来实现元素的居中效果;那么今天我们就一起来说说这个“4px”的问题,需要了解的朋友可以参考下
收藏 0 赞 0 分享

CSS3等相关属性制作分页导航实现代码

W3cplus第二版本刚上线时,好多位朋友向我问起站上的分页导航样式是怎么制作;为了报答各位朋友一持对本站的大力支持,今天我特意把这个分页导航的效果当作一个小教程来说。希望大家会喜欢
收藏 0 赞 0 分享

CSS3的Border-radius轻松制作圆角

前面系统总结了CSS3中Gradient和RGBA的用法,今天我们在一起来看看CSS3中制作圆角的属性border-radius的具体用法;在CSS2中,大家都碰到过圆角的制作,如今CSS3中的border-radius出现后,让我们没有那么多的烦恼了
收藏 0 赞 0 分享

Web页面中八种创建多列等高(等高列布局)的实现技术

高度相等列在Web页面设计中永远是一个网页设计师的需求;大家都知道当初Table实现等高列布局是多么的简单,但是我们使用CSS来创建等高列布局并非是那么容易的事情;下面我们就一起来探讨Web页面中的多列等高的实现技术
收藏 0 赞 0 分享

左定宽度右自适应宽度并且等高布局实现代码

左侧固定宽,右侧自适应屏幕宽;左右两列,等高布局;左右两列要求有最小高度,例如:200px;(当内容超出200时,会自动以等高的方式增高)要求不用JS或CSS行为实现,那么下面我们就先来看看如何实现
收藏 0 赞 0 分享

CSS3的文字阴影—text-shadow的使用方法

前段时间整理了CSS3中的渐变Gradient、透明度RGBA、边框圆角box-radius三个新属性的使用方法,这几次继续整理了有关于CSS3的text-shadow的使用方法,需要了解的朋友可以详细参考下
收藏 0 赞 0 分享

利用UL、Li+CSS属性制作无表格实用菜单导航效果

当项目列表的项目符号可以通过list-style-type设置为none时,制作各式各样的菜单、导航条成了项目列表的最大用处之一,通过各种CSS属性变换可以达到很多意想不到的导航效果
收藏 0 赞 0 分享

CSS权重关系及问题剖析

看到过一篇关于CSS 的文章,其中说到:对于类似 li#first 这样的选择器,由于使用 id 就已经可以确定元素了,没有必要再写上前面的 li, 直接写上 #first 这样的 id 选择器就可以了,感觉还不错,于是进行测试,与大家分享下CSS权重关系与涉及到的问题
收藏 0 赞 0 分享

position:sticky用法介绍及浏览器兼容性

用户的屏幕越来越大,而页面太宽的话会不宜阅读,所以绝大部分网站的主体宽度和之前相比没有太大的变化,于是浏览器中就有越来越多的空白区域,所以你可能注意到很多网站开始在滚动的时候让一部分内容保持可见,比如,侧边栏的部分区域。position:sticky为此而生,接下来
收藏 0 赞 0 分享

用CSS背景属性代替图片SRC

记得当时我刚买计算机, 上网下载图片总是下载到一个透明的 GIF 图片, 百思不得其解, 所以研究了一番. 后来发现网站上的图片都是通过背景的方式显示出来的,接下来介绍如何用CSS背景属性代替图片SRC,需要了解的朋友可以参考下
收藏 0 赞 0 分享

Firebug 调试器Web开发者应掌握12个初级使用技巧

相信很多从事Web开发工作的开发者都听说和使用过Firebug;它可以对HTML、DOM、CSS、HTTP和Javascript进行全面的跟踪和调试;本文选取了12个Web开发者应该掌握的Firebug的初级使用技巧,感兴趣的朋友可以参考下
收藏 0 赞 0 分享

div 溢出隐藏 div文字溢出用点(省略号)代替

在div布局中内容溢出了容器,超出了容器所限定的宽度应该怎么办呢?很是疑惑,于是搜集整理一番,发现可以让内容超出容器时超出部分显示省略号,这种做法不仅解决了问题,而且很美观,好了,不多说了,有兴趣的朋友可以参考下
收藏 0 赞 0 分享

纯CSS3实现绘制各种图形实现代码详细整理

纯CSS3实现绘制各种图形实现代码详细整理请在现代浏览器(IE9+、firefox、chrome、safari、opera等浏览器)中查看效果
收藏 0 赞 0 分享

div中加入span右对齐后出现换行显示两种解决思路

div中加入span右对齐后,出现了换行问题,一般思路的话一定是认为通过分开两列,一个align=left,另一个align=right;很是疑惑,于是利用闲暇时间,搜索整理下,晒出来与大家分享,希望可以帮助你们
收藏 0 赞 0 分享

纯CSS图片预加载实例 摆脱Javascript预载的束缚

有很多种方法来实现图片的预加载,通常大部分使用Javascript让事情滚动。不要再受Javascript预载的束缚了吧,用CSS你就可以毫不麻烦的预载你的图片,需要的朋友可以了解下
收藏 0 赞 0 分享

CSS3系列教程:背景图片(背景大小和多背景图) 应用说明

背景图片/纹理有很多种使用方式,常常用于为添加网站的最佳的界面美化。现在它在CSS3中被重视,我们可以应用多背景图和背景图片尺寸来实现更完美的效果,需要的朋友可以了解下
收藏 0 赞 0 分享

css之六个为什么为您解答 性能与习惯的结合

本文详细介绍在使用css是需要注意的细节,包括如何发挥css最佳性能,以及css友好的书写习惯,这样可以帮助你在实际工作中提高效率,需要了解的朋友可以参考下
收藏 0 赞 0 分享

CSS自定义WebKit内核浏览器滚动条实现代码

关于自定义浏览器滚动条的样式这一块,如果网站可以不考虑非WebKit内核浏览器的话,倒是可以试试只用CSS去实现
收藏 0 赞 0 分享

css使用客户端没有安装的字体语法解决方案

在服务器端安装字体是没有办法解决的,因为浏览操作是在客户端,客户端要装该字体才可以。可以用动态字体方案,有兴趣的朋友可以到其网站上查一下,希望会对你有帮助
收藏 0 赞 0 分享