网页制作

CSS清除浮动方法总结

在阿里云首页看到很多div都有加上:before和:after的属性.但是大都只是做了类似的如下处理,请问这样的意义是什么呢?研究了一番,原来是清除浮动用的,下面来总结下清除浮动的几种方法吧
收藏 0 赞 0 分享

通过CSS规则禁止选中文字的实现代码

禁止选中文字在某些场景下还是有必要的,比如不想让他人复制自己的文章之类的。这时候我们可以通过使用CSS+JS来解决这一问题。另外,这边要指出的是,user-select目前还不是W3C的正式标准,各个浏览器都是以私有属性的方式提供支持
收藏 0 赞 0 分享

css中postion的fixed与absolute区别详解

这篇文章主要介绍了css中postion的fixed与absolute区别详解,需要的朋友可以参考下
收藏 0 赞 0 分享

Less里css表达式的写法示例介绍

这篇文章主要介绍了Less里css表达式的写法,需要的朋友可以参考下。修复IE6的fixed,IE7+已经支持了
收藏 0 赞 0 分享

获取元素位置的position()与offset()方法区别介绍

position()或offset()方法,都返回一个包含两个属性的对象,左边距和上边距,它们两个的不同点在于位置的相对点不同
收藏 0 赞 0 分享

关于CSS选择器优先级的判断题附结果截图

这篇文章主要介绍了关于CSS选择器优先级的判断并附结果截图,需要的朋友可以参考下
收藏 0 赞 0 分享

幻灯片挡住CSS导航下拉菜单或者飘浮广告的解决方法

网页中会用到一些下拉菜单,幻灯片,飘浮广告等。不难发现幻灯片会挡住下拉菜单或者飘浮广告等,解决方法有两种,一是将幻灯片所在DIV 置于最底层,二是将被挡住的DIV、ul、li 置于最高层
收藏 0 赞 0 分享

CSS控制二级菜单动态出现不只有js才能做到

一直认为二级菜单的出现效果只有js才能控制,今天才发现二级菜单的动态显示也可以使用CSS来控制,下面的示例,大家可以研究下
收藏 0 赞 0 分享

IE中关于使用innerHTML加入HTML代码的问题

innerHTML属性在原生javascript中被用于在一个标签内部加入HTML代码,但在IE下面就不适用了,下面有个示例代码,大家可以参考下
收藏 0 赞 0 分享

仅用CSS让你的div模块旋转

让你的div动起来除了使用js之外,还可以使用CSS。下面为大家介绍更简单的办法只需在设置样式就可以了,需要的朋友可以参考下
收藏 0 赞 0 分享

CSS隐藏文字的6种方法

这篇文章主要介绍了CSS隐藏文字的6种方法,均通过各种上浏览器测试,当然,你可以综合3种方法一起用,需要的朋友可以参考下
收藏 0 赞 0 分享

ie6、ie7下overflow失效的有效解决方法

如果父对象有overflow:hidden属性,子对象中的position属性是relative或者absolute,那么在ie6和ie7下父对象的overflow会失效
收藏 0 赞 0 分享

利用margin实现等高布局

这篇文章主要介绍了利用margin实现等高布局,实际上高度不相等的。只是隐藏了超出的部分,需要的朋友可以参考下
收藏 0 赞 0 分享

margin隐藏最后的分割线无需循环输出判断是否到结尾

我们都不喜欢看到最后有一条线,但是用样式去清楚那最后的线,margin可以很好的解决这个问题,需要的朋友可以参考下
收藏 0 赞 0 分享

IE中对于stylesheet、样式规则的个数限制

对于IE6-9样式表最多可以有31个(总和),多于这个数目的会被忽略;对于IE10、IE11:样式表最多可以有4095个(总和),多于这个数目的会被忽略
收藏 0 赞 0 分享

CSS背景色渐变写法兼容ie6至ie9

很多地方都用到了线性渐变,比如:表单提交按钮的背景,数据展示的标题背景等等,本例使用css3:linear-gradient及ie 滤镜:filter来实现
收藏 0 赞 0 分享

从可维护性角度考虑css的!important规则的可用性

使用!important对于性能并没有什么负面影响。但是从可维护性角度考虑还是少用这个规则。不过这个规则在IE6中有bug
收藏 0 赞 0 分享

绝对定位的元素在ie6下不显示隐藏了的有效解决方法

当绝对定位元素的邻近浮动元素的宽度大于父层宽度减3时,该绝对定位元素在ie6下面会隐藏,解决方法就是调整浮动元素的宽度,即宽度小于或等于父层宽度减3
收藏 0 赞 0 分享

纯CSS3实现滚动的齿轮动画效果

这篇文章主要介绍了纯CSS3实现滚动的齿轮动画效果,主要用了transform进行旋转,keyframes关键帧等技术实现,需要的朋友可以参考下
收藏 0 赞 0 分享

一个关于css中margin-right没有效果的问题

margin-right其实有效果的,只是在默认即标准流的情况的下显示不出来效果。如果脱离标准流呢?想到这个,就立马在css文件中加了一个:float:right;然后在测试的时候就能看到margin-right的效果了
收藏 0 赞 0 分享