快捷搜索:   服务器  PHP  安全  IIS  linux 安全

纯CSS+INPUT勾选框实现开关按钮代码

网页上经常需要用到开关按钮,这里提供一个用纯CSS实现改变INPUT勾选框的样式实现选中和未选中对应开关的代码: inputclass=switch-btnswitch-btn-animbgtype=checkboxvalue=OFFlabelinputclass=switch-btnswitch-btn-a...

纯CSS+INPUT勾选框实现开关按钮代码 带开关文字

这个纯CSS代码写出来的开关按钮效果,按钮上还可以带开/关 ON/OFF文字,比较直观,代码如下 !DOCTYPEhtmlhtmlheadmetacharset=UTF-8title纯css开关按钮/titlestyletype=text/css#toggle-button{display:none;}.button-label{posit...

前端页面JS CSS等文件引入随机数的方法 防止被CDN缓存

我们使用CDN的话,会缓存我们的JS,CSS等静态文件,而对于经常需要改动,或者JS调用的是随机内容的情况的,就需要不被缓存,解决办法就是在JS,CSS文件后面加个?随机数 方法如下: script type=text...

纯CSS实现漂亮tab选项卡切换特效

纯CSS实现的选项卡切换功能 效果如下: !DOCTYPEhtmlhtmlheadmetacharset=GB2312titlepurecss3tab/titlestyletype=text/css*{margin:0;padding:0;}body{font-size:14px;line-height:2;}li{list-style:none;}a{color:#666;text-decoration:none;}a:hover{colo...

jqueryJS+DIV+CSS实现选项卡功能 选项卡切换

实现标签切换选项卡显示功能,效果如下: htmlheadtitletab/titlestyle.tab-titlep{color:#666;font-size:15px;font-weight:400;}.tab-title.selected{color:#356aa0;border-bottom:0px;}/*标题被选中时的样式*/.tab-titlespan{padding:5px9px5px1...

CSS利用@media screen实现网页布局的自适应

CSS可以利用@media screen的控制实现网页布局的自适应 优点:无需插件和手机主题,对移动设备友好,能够适应各种窗口大小。只需在CSS中添加@media screen属性,根据浏览器宽度判断并输出不同的长宽值 12...

css中字体单位px pt em rem的区别及换算方法

我们经常可以看到有的CSS文件中字体单位用16PX,有的有1em,有的写875rem,那到底这三个单位之间有什么区别呢,下面位您解释清楚: 1、概念介绍: 1、px (pixel,像素):是一个虚拟长度单位,是计...

DIV+CSS的各种居中方法

水平居中可以用text-align:center 和 margin:0 auto 这两种方法都是用来水平居中的,前者是针对父元素进行设置而后者则是对子元素。他们起作用的首要条件是子元素必须没有被float影响,否则一切都是无...

CSSer开发好帮手:CSS 3.0参考手册中文版下载

CSS 是 Cascading style Sheet 的缩写。译作「层叠样式表」。是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。 手册难点 中文资料少,对英文翻译功底要求较高; 基础语...

CSS兼容性BUG常用处理办法

一、 针对浏览器的选择器 这些选择器在你需要针对某款浏览器进行css设计时将非常有用 IE6及其更低版本 IE7及其更低版本 仅针对 IE7和当代浏览器 仅当代浏览器(IE7不适用 Opera9及其更低版本 要使用这些选择器,请将它们放在样式之前. 例如 二、让IE6支持PNG透明 一个IE6的Bug...

Div和CSS实现页面水平居中的方法

在Web标准中的页面布局是使用Div配合CSS来实现的。这其中最常用到的就是使整个页面水平居中的效果,这是在页面布局中基本,也是最应该首先掌握的知识。不过,还是经常会有人问到这个问题,在这里我简单总结一下使用Div和CSS实现页面水平居中的方法: 一、margin:auto 0 与 t...

    共1页/11条