![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
iteye_11116
这个作者很懒,什么都没留下…
展开
-
clip:rect实现图片裁剪
<html><head><style type="text/css">img {position:absolute;left:50px;top:50px;clip:rect(0px 50px 200px 0px)}</style></head><body>&原创 2015-06-19 08:18:57 · 347 阅读 · 0 评论 -
自定义鼠标样式
IE版本处理 写道http://blog.csdn.net/plpyxx/article/details/5586853 <!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title&am原创 2014-04-25 00:42:13 · 130 阅读 · 0 评论 -
css属性选择器
<!DOCTYPE html><html><head> <title></title> <style type="text/css"> div.clazz { height: 100px; width: 100px; background-color: gra原创 2017-01-08 15:11:04 · 134 阅读 · 0 评论 -
CSS初始化代码
为什么要初始化CSS?CSS初始化是指重设浏览器的样式。不同的浏览器默认的样式可能不尽相同,所以开发时的第一件事可能就是如何把它们统一。如果没对CSS初始化往往会出现浏览器之间的页面差异。每次新开发网站或新网页时候通过初始化CSS样式的属性,为我们将用到的CSS或html标签更加方便准确,使得我们开发网页内容时更加方便简洁,同时减少CSS代码量,节约网页下载时间。CSS初始化示例代码...原创 2014-08-24 17:09:30 · 124 阅读 · 0 评论 -
html5制作loading图
<!DOCTYPE html><html><head><title></title><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script><原创 2014-08-24 19:27:14 · 374 阅读 · 0 评论 -
CSS 平级和儿子级样式写法
写道input:checked+ol:这个是讲当inoput 拥有了checked后它平级的OL拥有的样式。input:checked+ol>li:中的大于是指当inoput 拥有了checked后它平级的OL下面儿子辈的li的样式,孙子辈的不继承。 <!DOCTYPE html><html lang="zh-cn"><head>...原创 2014-09-21 23:27:44 · 1196 阅读 · 0 评论 -
display:inline
<!DOCTYPE html><html> <head><meta charset="utf-8"><title></title><style>ul#menu {padding: 0;} ul#menu li {display: inline;原创 2014-10-28 23:53:41 · 84 阅读 · 0 评论 -
CSS禁止文字选择
CSS禁止文字选择 2013-01-15 17:30:45| 分类: css | 标签:css禁止文字选择 |举报|字号 订阅 user-select有两个值:none:用户不能选择文本text:用户可以选择文本需要注意的是:user-select并不是一个W3C的CSS标准属性,浏览器支持的不完整,需要对每种浏览器进行调整...原创 2014-11-25 23:28:07 · 94 阅读 · 0 评论 -
Js 载入时选中文字的实现代码,需要的朋友可以参考下
<script type="text/javascript"> window.onload = function(){ var form = document.getElementsByTagName('form')[0]; form.yourForm.focus(); form.yourForm.select(); } </script><...原创 2014-11-26 00:09:04 · 75 阅读 · 0 评论 -
js实现div拖动
写道http://blog.csdn.net/notlikegaoshou/article/details/6562636http://zhidao.baidu.com/link?url=ePDc5C8v-kcewgZty7w_seg2kfkwU_zYxVJzoQgjYGcuo8yUPMZoIv0l4ndX2PbqRUe8I0Wur2pxb0cgULvsnLKs9bVPsBdVAp8kk...原创 2015-02-02 22:41:02 · 96 阅读 · 0 评论 -
css sprite布局小图标
常用网页小图标加载方式:1、 css sprite方式,即将多个小图标放置在一张大图上,然后通过background-image/background-position 来进行绝对布局。要注意的是要确保每个小图标大小一致。 【优势,相对于多个小图标分开请求传输效率更高,方便管理】2、html + font3、css + font...原创 2015-04-10 01:08:43 · 165 阅读 · 0 评论 -
网页代码常用小技巧
1. oncontextmenu="window.event.returnvalue=false" 将彻底屏蔽鼠标右键〈table border oncontextmenu=return(false)〉〈td〉no〈/table〉 可用于Table 2. 〈body onselectstart="return false"〉 取消选取、防止复制3. onpaste="return false" ...原创 2014-04-25 00:03:24 · 1223 阅读 · 0 评论 -
cursor style
cursor说明 写道Cursor:url()的使用 今天在项目中,要用到自定义鼠标样式,格式:css:{cursor:url('绝对路径的图片(格式:cur,ico)'),-moz-zoom-out;}//FF下面css:{cursor:url('绝对路径'),auto;}//IE,FF,chrome浏览器都可以前面url是自定义鼠标格式,图像的绝对路径地址,后面的参数是css标准的cu...原创 2014-04-23 13:32:58 · 112 阅读 · 0 评论 -
onmouseover="this.className='bb'这样也可以
<html> <head> <style type="text/css"> .aa { border:1px solid gray; } .bb { border:2px solid blue; } </style> <script type="text/javascr...原创 2014-03-08 20:27:50 · 568 阅读 · 0 评论 -
CSS兼容IE的透明度设置
opacity:1;filter:alpha(opacity=100)原创 2015-06-30 07:40:49 · 446 阅读 · 0 评论 -
css实现div水平、垂直都能充满整个屏幕
@charset "UTF-8";*{ margin: 0; padding: 0;}html,body { // 核心代码 height: 100%; width: 100%;}#map{ width: 100%; height: 100%; background: #ffff00;}...原创 2015-07-12 16:15:33 · 3999 阅读 · 0 评论 -
网页布局CSS技巧-Web设计必知
1、两列布局 1.1、左列固定,右列自适应#left{ width:190px; float:left; }#right{ margin-left:205px; }1.2、右列固定,左列自适应#left{ float:left; width:100%; }#right{ float:left; margin-left:-100px; widt...原创 2013-09-19 13:15:01 · 125 阅读 · 0 评论 -
网页内容居中显示
HTML Header Content Footer CSS #container{margin:0 auto;width:600px;border:1px solid red;} #header{border:1px solid...原创 2013-09-19 14:17:33 · 540 阅读 · 0 评论 -
css布局
My JSP 'layer_demo.jsp' starting page /*基本信息*/ body{ font:12px Tahoma; margin:0px; text-align:center; background:#FFF; } /*页面层容器*/ ...原创 2013-09-25 03:43:50 · 69 阅读 · 0 评论 -
鼠标悬浮时图片上显示放大图标
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":&quo原创 2013-12-22 11:28:47 · 1523 阅读 · 0 评论 -
css伪类after使用
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":&quo原创 2013-12-26 00:42:02 · 164 阅读 · 0 评论 -
css3 box-shadow投影发光效果
CSS3的box-shadow属性可以让我们轻松实现图层阴影效果。我们来实战详解一下这个属性。1. box-shadow属性的浏览器兼容性先来看一个这个属性的浏览器兼容性:Opera: 不知道是从哪个版本开始支持的,我在发这篇文章测试的时候,正好更新了Opera到最新的10.53版本,已经支持box-shadow属性。firefox通过私有属性-moz-box-s...原创 2014-01-05 09:26:07 · 183 阅读 · 0 评论 -
CSS3.0中关于transform的使用
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":&quo原创 2014-01-05 22:57:40 · 143 阅读 · 0 评论 -
纯CSS实现div背景颜色渐变
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":&qu原创 2014-01-21 23:32:15 · 994 阅读 · 0 评论 -
css实现网页全屏显示
<html> <head> <title>全屏页面切换</title> <style type="text/css"> html, body { padding: 0; margin: 0; height: 100%;/*html标签的100%是必须的*/ } #...原创 2015-05-07 07:35:44 · 1603 阅读 · 0 评论