springMVC的<mvc:resources mapping="***" location="***">标签是在spring3.0.4出现的,主要是用来定义对静态资源的访问。上网搜了一下跟这个配置相关的文章,大多推荐用下面这种。可是,用这种的话,如果有一个新目录,就得新增一条配置,比较麻烦。<!-- For static resources --> <mvc:resources mapping="/image/**" location="/images/" /> <mvc:resources mapping="/js/**" location="/js/" /> <mvc:resources mapping=...
有时候你需要把同一个页面在手机和pc同时打开,其中有一个办法就是判断不同分辨路加载不同的css小编总结了几种分别加载css的方法: 1.比较复杂的使用js判断加载不同css (亲测可用)但是这种方法只有最开始的时候会判断,如果你拖动浏览器大小是不会发生改变的(当然如果喜欢拖着玩的话) 1 <link rel="stylesheet" type="text/css" id="links" href="../css/m_wuqinglan.css"/>2 <script type="text/javascript">3 ...
table{ border-collapse:collapse; } 原文:http://www.cnblogs.com/Harold-Hua/p/5434450.html
背景颜色(background-color) CSS可以用纯色来作为背景,也可以将背景设置为透明,background相当于xhtml中的bgcolor。它的两个值: transparent(默认值,透明) color(指定的颜色,和文本颜色的设置方法相同)示例: body {background-color: black;} h1 {background-color: #00ff00;} h2 {background-color: transparent;} p {background-color: rgb(0,0,255);}背景图片(background-image) 用一张图片作...
:active伪类是在类似‘mousedown‘事件触发的时机生效的,而手机上并没有‘mousedown‘事件,取而代之的只有‘touchstart‘和‘touchend‘。只需要给这个a链接的touch系列的任意事件touchstart/touchend绑定一个空的匿名方法即可hack成功var a = document.getElementsByTagName(‘a‘);for(var i = 0; i < a.length; i++) { a[i].addEventListener(‘touchstart‘,function(){},false); }添加以上代码,touch按下去后,发现a的...
1、行内元素居中 line-height(须知高度).box{height:300px; } p{line-height:300px; } 2、table居中 display:table-cell;vertical-align:middle;.box{display:table; } p{display: table-cell;vertical-align: middle; } 3、绝对定位,top+margin-top:-xxpx(须知高度).box{position:relative; } p{position:absolute;top:50%;margin-top:-50px; width:100px;height:100px; }4、绝对定位 top+tranform.box{p...
提要:对于传统的一般用css雪碧(css sprite)来搞,目前大部分网站已经主要字体图标 ,利用font+css 或者font+html 来开发,今天总结了一下,记录之~css sprite用背景图片定位,兼容性好,图标颜色丰富,但是对于网站缩放来讲,会使图片失真,也不容易维护;而当我们运用字体图标来做这个事的时候,好处就多多了(但是字体图标就是颜色单一,一般可忽略)1.首先从https://icomoon.io/ 国外的字体图标库 非常好 下载免费的图标库(...
在当今网页设计/开发实践中,使用CSS来为语义化的(X)HTML标记添加样式风格是 重要的关键。在设计师们的梦想中都存在着这样的一个完美世界:所有的浏览器都能够理解和适用多有CSS规则,并且呈现相同的视觉效果(没有兼容性问题)。 但是,我们并没有生活在这个完美的世界,现实中发生的失窃却总是恰恰相反,很多CSS样式在不同的浏览器中有着不同的解释和呈现。 当今流行的浏览器(如:Firefox、Opera、Internet Explorer、Chrome、Saf...
1,首推的是合并css文件,如果页面加载10个css文件,每个文件1k,那么也要比只加载一个100k的css文件慢。2,减少css嵌套,最好不要套三层以上。3,不要在ID选择器前面进行嵌套,ID本来就是唯一的而且人家权值那么大,嵌套完全是浪费性能。4,建立公共样式类,把相同样式提取出来作为公共类使用,比如我们常用的清除浮动等。5,减少通配符*或者类似[hidden="true"]这类选择器的使用,挨个查找所有...这性能能好吗?当然重置样式这些...
一、为什么要清除浮动? 1》父元素在未定义高的情况下,由于子元素全部浮动脱离文本流,而造成父元素高的塌陷(正常情况下,父元素的高是由未浮动的子元素撑起来) 2》因为部分子元素的而浮动,脱离文本流而造成其他元素的布局错乱。二、常见的几种清除浮动方法 1》给没有浮动的子元素的CSS添加 clear: both;或新增加一个空的子元素,并且给其的CSS添加 clear: both;这样可以利用清除左右浮动的子元素重新撑起父元素的高,...
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><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><title>无标题文档</title><style type="text/css"> *{ margin:0px; padding:0px;}/*清除所有默认格式*/#menu{ background-color:#eee;...
1.伪元素+transform:translateX(-100%); 主要原理是设置文本居中text-align: center;,然后给定两个伪元素,分别绝对定位,那么此时伪元素也是跟随着水平居中的,设置足够的宽度,然后把左边的往左位移100%就可以了,父级记得超出隐藏。具体实现如下html结构为<div class="title">我是分割线</div>css样式为.title{position: relative;text-align: center;overflow: hidden;font-size: 14px;color: #999; } .title::before,.tit...
本文实例讲述了Python格式化css文件的方法。分享给大家供大家参考。具体实现方法如下: import string, sys import re, StringIO TAB=4 def format(ss):f = open (ss, "r")data = f.read()f.close()dlen = len(data)i = 0buf = StringIO.StringIO()start = 0while i < dlen:if data[i] == ‘{‘:buf.write(data[start:i] + ‘ { ‘)i = i + 1start = ielif data[i] == ‘}‘:last = string.strip(data[start:i])if last:buf.write(...
使用方法i{font-size: 18px;// 定义字体图标大小margin-right: 10px;// 右外边距color: #0091ff;// 定义字体图标颜色vertical-align: middle;// 垂直居中&:before{// 在最前面显示content: "\2022";} } 前端最常用符号图标形状十进制十六进制形状图标十进制十六进制形状图标十进制十六进制形状图标十进制十六进制男♂97942642女♀97922640下拉-开启▲965025B2下拉-收起▼966025BC多选框-未选中?97442610多选框-选中?97452611多选框...
ie6和ie7#tip {*background:black; /*IE7 背景变黑色*/_background:orange; /*IE6 背景变橘色*/} IE8和IE9:root .test { color:#963\9; } /* IE9 only */ firefox@-moz-document url-prefix(){.bt_comment_ico{top:-1px;}} ie系列*html .ico_tj{background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src=‘http://#‘);}FILTER: progid:DXImageTransform.Microsoft.grad...