CSS
关注
分享
扫一扫
文章平均质量分 68
iteye_11613
这个作者很懒，什么都没留下…
展开
-
自适应屏幕宽度的网页设计（Responsive Web Design）——转
自适应屏幕宽度的网页设计（Responsive Web Design）——转发布于12-08-14 被阅读 1187 次 评论 1 条 编辑随着3G的普及，越来越多的人使用手机上网。移动设备正超过桌面设备，成为访问互联网的最常见终端。于是，网页设计师不得不面对一个难题：如何才能在不同大小的设备上呈现同样的网页内容？手机的屏幕比较小，宽度通常在600像素以下；PC的屏幕宽...原创 2013-06-22 22:09:52 · 610 阅读 · 0 评论 -
jQuery操作Select【转】
jQuery是如何控制和操作select的。先看下面的html代码 <select id="test"><option value="1">选项一<option><option value="2">选项一<option> ...&am原创 2012-12-11 12:59:54 · 106 阅读 · 0 评论 -
FullPage.js的使用方法和设置
fullPage.js的使用方法和设置 简介fullPage.js是一个基于jQuery的全屏滚动插件，它能够很方便、很轻松的制作出全屏网站主要功能支持鼠标滚动支持前进后退和键盘控制多个回调函数支持手机、平板触摸事件支持 CSS3 动画支持窗口缩放窗口缩放时自动调整可设置滚动宽度、背景颜色、滚动速度、循环选项、回调、文本对齐方...原创 2016-02-19 16:38:23 · 829 阅读 · 0 评论 -
安卓默认浏览器内核：Webkit内核的浏览器默认CSS属性
/** The default style sheet used to render HTML.** Copyright (C) 2000 Lars Knoll (knoll@kde.org)* Copyright (C) 2003, 2004, 2005, 2006, 2007, 2008 Apple Inc. All rights reserved.** Thi...原创 2014-02-23 16:59:05 · 443 阅读 · 0 评论 -
使用Emmet时的HTML以及CSS缩写
语法:后代：>缩写：nav>ul>li<nav> <ul> <li></li> </ul> </nav> 兄弟：+缩写：div+p+bq<div></div> <p></p&am原创 2014-03-20 14:01:29 · 376 阅读 · 0 评论 -
去掉iframe横向滚动条_iframe滚动条
主页面加IFRAME SCROLLING="YES"子页面'让竖条消失: <BODY STYLE='OVERFLOW:SCROLL;OVERFLOW-Y:HIDDEN'> </BODY> '让横条消失: <BODY STYLE='OVERFLOW:SCROLL;OVERFLOW-X:HIDDEN'> </BODY>'还要去掉'子页面里的...原创 2013-01-07 17:06:56 · 494 阅读 · 0 评论 -
溢出文字省略显示（非截取）
1.div中文字显示在一行，并将溢出的文字省略显示 <html><head><style type="text/css"> /*<![CDATA[*/ li { width:200px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow...原创 2013-04-03 13:35:26 · 115 阅读 · 0 评论 -
IE6/IE7/IE8下float:right显示异常的解决方法
最简单的方法就是调换顺序，将需要右浮动的元素写在前面。如 <ul class="circleBtns"> <li id="xiaozhao" class="hb_cb"> <a href=""></a></原创 2014-10-11 11:43:08 · 205 阅读 · 0 评论 -
CSS3改变浏览器滚动条
::-webkit-scrollbar { width: 8px; height: 8px;}::-webkit-scrollbar-track,::-webkit-scrollbar-thumb { border-radius: 999px; border: 0px solid transparent; background-color:rgba...原创 2014-12-18 11:13:45 · 103 阅读 · 0 评论 -
CSS技巧：word-wrap同word-break的区别
本文列举了兼容 IE 和 FF 的换行 CSS 推荐样式，详细介绍了word-wrap同word-break的区别。 兼容 IE 和 FF 的换行 CSS 推荐样式 最好的方式是 以下是引用片段： word-wrap:break-word; overflow:hidden; 而不是 以下是引用片段： word-wrap:break-word; w...原创 2012-12-06 21:56:44 · 92 阅读 · 0 评论 -
CSS边框阴影
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html> <head> <title> New Document </title> <meta http原创 2012-12-04 22:00:53 · 113 阅读 · 0 评论 -
css图片滤镜大全
语法:STYLE="filter:filtername(fparameter1,fparameter2...)}(Filtername为滤镜的名称，fparameter1、fparameter2等是滤镜的参数)滤镜说明：Alpha：设置透明层次.blur：创建高速度移动效果，即模糊效果.Chroma：制作专用颜色透明.DropShadow：创建对象的固定影子.FlipH：创建水平镜像图片.F...原创 2013-08-30 22:59:57 · 136 阅读 · 0 评论 -
css图片变灰.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html> <head> <title> New Document </title> <原创 2013-08-30 23:01:00 · 183 阅读 · 0 评论 -
HTML+CSS实现侧边栏收放
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><原创 2013-08-30 23:06:37 · 2348 阅读 · 0 评论 -
CSS hack 针对IE6，IE7，firefox显示不同效果
区别不同浏览器的CSS hack写法： 区别IE6与FF： background:orange;*background:blue; 区别IE6与IE7： background:green !important;background:blue; 区别IE7与FF： background:orange; *background:green; ...原创 2012-10-07 10:17:06 · 113 阅读 · 0 评论 -
css实现input 输入框背景透明源码
为了让带背景颜色的表单页面更美观，有时候需要把input 输入框设置成透明的背景，实现这种效果，需要在input 添加输入框属性:"background-color:transparent"<input style="background-color:transparent" type="text" name="name"> (有边框)<input style="backgro原创 2012-11-05 22:38:28 · 1995 阅读 · 0 评论 -
控制网页背景、边框的透明度及全透明
一、设置首页主体部分（中、下部所有模块）的背景颜色半透明设置 说明：rgba()方法只适用非IE类浏览器。 设置的代码如下： <style type=text/css>.main{background:rgba(255, 255, 255, 0.4);}</style> 说明：rgba(255, 255, 255, 0.4)表示设置背景为白...原创 2012-11-20 17:29:17 · 792 阅读 · 0 评论 -
通过js+css防止网页复制（不仅限于文字）
1、firefox下可以通过css来禁止选择复制功能<style type="text/css" media="screen"> body {-moz-user-select: none;-webkit-user-select: none;} </style>2、IE中需要用js来限制<script type=...原创 2012-12-04 20:46:11 · 307 阅读 · 0 评论 -
网页防复制代码
网页防复制代码为保护作者的著作版权，有时需要在网页添加禁止复制的功能。只需在<head>与</head>之间添加以下代码就可达到目的：<SCRIPT language=JavaScript>function click() {alert('谢绝复制！请谅解！')}function clickl(){if (event.button==2)...原创 2012-12-04 20:49:40 · 209 阅读 · 0 评论 -
HTML5滤镜效果demo
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style type="text/css">原创 2015-03-31 17:32:35 · 457 阅读 · 0 评论