css
iteye_13425
这个作者很懒,什么都没留下…
展开
-
弹出框BlockUI
用的比较多的弹出框有两种:jquery的ui-dialog插件和jquery blockUI插件<input type="button" id="blockUI" value="blockUI"/><br><input type="button" id="blockUI-dialog-extend" value="原创 2013-05-03 09:43:37 · 292 阅读 · 0 评论 -
图片背景覆盖其他图片,上面的背景图有透明部分时,设置背景颜色
background: url(img/flow-b.gif) repeat-x left bottom #fff; 图片有透明的部分变#fff颜色原创 2013-09-24 10:58:29 · 1009 阅读 · 0 评论 -
map area
<div style="background-color:red;width:200px;hright:200px;"><img alt="" src="http://localhost:8080/bsfw/upload/subject/2/identify.jpg" usemap="#area_map"><map name="area_原创 2013-09-26 10:04:17 · 120 阅读 · 0 评论 -
颜色css
CSS 颜色http://www.cnblogs.com/axing/archive/2011/04/09/CSS.html原创 2012-10-18 15:36:16 · 78 阅读 · 0 评论 -
rotate--鼠标划过实现旋转样式
/* Rotate div */transform:rotate(30deg);-ms-transform:rotate(30deg); /* IE 9 */-moz-transform:rotate(30deg); /* Firefox */-webkit-transform:rotate(30deg); /* Safari and Chrome */-o-transform...原创 2012-10-25 12:26:41 · 215 阅读 · 0 评论 -
table样式 tr td 在ie下显示不出来 td和tr
table里面的样式不规则时,比如table里有div在ie下解析不了,ie下样式会乱一定按规则写,原创 2013-11-16 11:22:37 · 615 阅读 · 0 评论 -
总结前台开发布局,应用及js使用
总结前台开发布局,应用及js使用: 前台的页面,关于css,js,及html位置的安排,主要是基于页面加载的顺序是从上往下加载,所以一般的安排方式是先写css然后是html最后是js,css放在页面之前主要是因为先加载样式,这样在界面上显示的元素可以正常按css的样式显示,另外,css可以放在页面上的任意位置,只要在规定样式的样式之前即可。另外一个需要注意的是,相同元素的css是...原创 2012-11-04 18:12:56 · 122 阅读 · 0 评论 -
span inline-block 在ie和firefox下会偏移位置
.jq-mozilla .cause-detail,.jq-ie9 .cause-detail,.jq-ie8 .cause-detail{vertical-align:-6px;}原创 2013-12-10 15:57:29 · 99 阅读 · 0 评论 -
网页编程零基础注意事项
页面设计的基本流程设定文档类型字符编码css样式引入内容布局div+cssjs引入(在body最后引入)填充内容素材管理 1. 设定文档的内容:告诉浏览器解析html的规范(主要是因为不同版本可能包含不同的标签,需要对应解析)注意,<!DOCTYPE>没有结束标签,放在文档的最开始<!DOCTYPE html>--html...原创 2012-12-19 20:52:19 · 85 阅读 · 0 评论 -
ico图标文件格式
ico是标准的图标文件,一般是“三维图片”是多种图片叠加而成,每个图片在不同的位置出现不同的透明度,固定尺寸在页面上加header上加网页的logo图标:<link rel="shortcut icon" href="/images/favicon.ico" /> For historical reasons, the icon keyword may be prece...原创 2014-02-12 10:21:36 · 451 阅读 · 0 评论 -
checkbox php
在PHP中,是无法直接通过$_POST["delpi"]获取像上面这样的值的,php中只能获取最后一个值,比如全部勾选,$_POST["delpi"]的值只返回3。 为了解决这个问题,我们就需要把表单 checkbox 的名称改为数组名: <form name="formdelpi" method="post" action=""><inpu原创 2014-02-18 15:48:03 · 106 阅读 · 0 评论 -
select样式美化,模拟select
<%@ page trimDirectiveWhitespaces="true" %><%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" buffer="none" %><%@ taglib uri=&qu原创 2014-03-28 21:36:40 · 168 阅读 · 0 评论 -
css 链接注意
<a href="#" class="m-link" hideFocus="hidefocus">《...》</a> 不会出现页面的跳转,但是会返回到页面的顶部<a href="javascript:void(0);" class="m-link" hideFocus="hidefocus">原创 2013-01-06 14:21:57 · 66 阅读 · 0 评论 -
清除浮动
浮动会使当前标签产生向上浮的效果,同时会影响到前后标签、父级标签的位置浮动的框可以向左或向右移动,直到它的外边缘碰到包含框或另一个浮动框的边框为止。由于浮动框不在文档的普通流中,所以文档的普通流中的块框表现得就像浮动框不存在一样。 直观展现:如果有一个DIV作为外部容器,内部的DIV如果设置了float样式,则外部的容器DIV不能被撑开设置overflow的一个更流行的用处是,...原创 2013-02-04 15:54:46 · 69 阅读 · 0 评论 -
css的水平和垂直居中
<style>.box1,.box2{ width:500px; height:500px; /*非IE的主流浏览器识别的垂直居中的方法,无需其他即可*/ display: table-cell; vertical-align:middle; /* 针对IE的Hack */ *display: block; *font-size...原创 2013-02-17 09:44:21 · 94 阅读 · 0 评论 -
display:inline-block;display:block;display:inline
重要:display:inline 转化成内联元素,不换行;display:block转换成块元素,换行;display:inline-block内联块元素,既不换行又可以使用块元素所拥有的属性,类似于块元素加了浮动效果,但低版本浏览器对这个不支持 Display:inline-block将对象呈现为内联对象,但是对象的内容作为块对象呈现,旁边的内联对象会被呈现在同...原创 2013-04-19 15:28:41 · 108 阅读 · 0 评论 -
透明度 -- 各浏览器 及 针对浏览器不同解析样式不同问题的一种解决方案
不同的浏览器在解析css时会有区别,主要包括两种情况:第一,不同浏览器的css识别标签不同,例如透明度问题,不同的浏览器对透明度的样式的标签不同,chrome + firefox + Safari : opacity:sqlN 其中sqlN的值域为[0, 1] ie : filter:alpha(o...原创 2013-07-31 17:00:52 · 155 阅读 · 0 评论 -
label for input file ie下报拒绝访问
1. label for 绑定元素响应事件,例如 点击label可以执行绑定的input 的button的事件, <label for="large_icon_url" class="btn_up file-up-btn">上传大图标</label><input type="file" accept="image/*" class="原创 2013-07-31 15:42:16 · 351 阅读 · 0 评论 -
solid dashed 制作三角形
转 : solid的对面是三角的一个角用css的border属性实现三角 2011-09-15 14:27:26| 分类: 前端技术|字号 订阅 一个盒子包括: margin+border+padding+content– 上下左右边框交界处出呈现平滑的斜线. 利用这个特点, 通过设置不同的上下左右边框宽度或者颜色可以得到小三角, 小...原创 2013-07-15 10:02:48 · 332 阅读 · 0 评论 -
cursor:鼠标形状
cursor:pointer---小手cursor:wait---等待圆圈cursor:move---拖动cursor:help---帮助cursor:text---文本 url需使用的自定义光标的 URL。注释:请在此列表的末端始终定义一种普通的光标,以防没有由 URL 定义的可用光标。default默认光标(通常是一个箭头)...转载 2013-05-06 11:30:56 · 150 阅读 · 0 评论 -
css层叠
css层叠:实际应用中1. 所有标签的margin和padding设置为0,然后特殊元素特别设置为需要的样式,后面的覆盖前面的*{margin:0;padding:0;}2. style级别最高,id级别高于class 3.在style标签里面或者是css外联文件里使用@import url(“.css”),虽然写在样式表的最前面,但是,浏览器解析的时候是最后解...原创 2013-05-13 14:13:40 · 73 阅读 · 0 评论 -
css important
important:在css单个样式属性上起作用,写法如下: .ul1{list-style:none;/* 如果自己定义li的标志,必须使用该样式,说明没有使用默认的样式 */color:red !important; ---------该样式具有最高级别,注意写在样式属性值后面,分号前面 font-size:14px;}.ul1{color:yellow;...原创 2013-05-13 14:17:15 · 75 阅读 · 0 评论 -
清浮动与display:inline-block区别
清浮动:由于内部有浮动的内容,所以使其脱离文档流,不影响父类的正常文档流,如此,外面的容器的高度不会因为内部内容而撑开,前提条件是::块级元素+父级容器的高度是自适应的(height未设置或者是height:auto)display:inline-block:针对块级元素和内联元素的属性效果的互换,如块级元素行内制和内联元素的块级效果等...原创 2013-05-14 08:59:19 · 163 阅读 · 0 评论 -
css布局及鼠标悬浮下拉框展现
<!DOCTYPE html><html><header><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/><script type="text/javascript" src="../js/jquery.js原创 2013-05-14 16:44:58 · 233 阅读 · 0 评论 -
absolute
absolute的元素必须要有参考系,其参考系(父类)必须使用position属性原创 2013-05-14 18:49:03 · 78 阅读 · 0 评论 -
图片刷新,url相同时不在重复请求
今天在部署环境时遇到一问题:背景图片更换了图片,名称相同,刷新页面背景没有变化,主要是因为相同名称的图片http请求仅加载一次,之后的使用缓存的图片,所以,刷新并未起作用,清除缓存,再请求一遍即可。...原创 2013-05-21 08:51:20 · 582 阅读 · 0 评论 -
伪类 css
今天遇到一个问题,想在悬浮到li之后,li里面的元素效果发生变化其实伪类可以作为选择器,意思是当出现悬浮之后该效果展现 例如:li:hover span{border:1px solid black;color:yellow;}-------说明当鼠标悬浮到li时,里面的span的效果使用该属性 同时伪类也可以作为选择器使用,例如: $(do...原创 2013-05-24 17:08:03 · 80 阅读 · 0 评论 -
左右结构图片拼按钮
<style>.a-btn{background:url(../image/btn.gif) left top no-repeat;/* background-position:left top;展现出左侧按钮的圆角 */height:30px;display:inline-block; /* 撑开 */line-height:30px;padding-lef...原创 2013-05-26 13:55:23 · 95 阅读 · 0 评论 -
Css字体
1. 定义的所有字体,浏览器都无法在系统中找到时,默认使用Time New Roman字体2. 字体中有空格或者有汉字则需要使用双引号括起来3.特殊字体一律使用图片4.em斜体5.首行缩进,text-indent:20px;em是相对长度单位,例如缩进两个汉字的长度text-indent:2em6.line-height:1.5---行高是字体大小的一点五倍7. visi...原创 2013-06-03 19:49:27 · 82 阅读 · 0 评论 -
css 使用margin padding 大于盒子的面积时
1. 盒子模型,内部的margin和外部的padding超出了外部的范围,外部会被撑大,并且,padding和margin会左侧和上侧符合设置的值,右侧和下侧因为外部范围小的原因可能不会达到设定的大小...原创 2013-06-04 09:00:41 · 231 阅读 · 0 评论 -
网站中图片的格式jpg-gif-png的选择
今天遇到一个问题ie6下图片出现阴影:主要涉及到各种图片格式的选择问题 现在的图片主要有三种形式:第一:jpg胜在有损压缩,高压缩比=图片低质量=占用磁盘内存小,所以用在大图,例如网站大背景(icity365/uc,taobao上商品效果图等),主要是图片占内存小,对比高质量的图片请求速度要快。第二:gif胜在支持动画,支持各种背景色,例如ie6下不支持png透明,会有阴影,所以...原创 2013-06-05 10:22:03 · 133 阅读 · 0 评论 -
box-shadow
box-shadow : length(阴影水平偏移值) length(阴影垂直偏移值) length(阴影模糊值) length(阴影边框) color原创 2013-06-17 08:58:27 · 71 阅读 · 0 评论 -
z-index不起作用
今天遇到一个问题:z-index使用无效,有几种情况造成无效 第一:z-index 使用时没有将该元素定位,使用z-indx的元素必须使用position:relative或者是absolute 第二:z-index在上面的元素没有背景,将下面的元素展现出来了 第三:两个相互层叠的标签必须是同级的关系 ...原创 2013-06-20 21:35:59 · 180 阅读 · 0 评论 -
table colspan rowspan
列合并:tr里面有一个td,使用colspan占下几列,其余被占的列不存在td11121314152122占三列占三列343541占三列45行合并:tr里面有一个td,使用rowspan占下几行,其余被占的行不存在td占3行121314152223占两行2532...原创 2013-06-28 10:53:02 · 88 阅读 · 0 评论 -
tr border不起作用
在table里加border="0" cellspacing="0" cellpadding="0" style="border-collapse:collapse;" 另外,如果在td上加border时,会有空隙,加上上述样式即可取消空隙原创 2014-12-06 11:08:40 · 396 阅读 · 0 评论