一、取消a标签在移动端点击时的蓝色-webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-user-select: none; -moz-user-focus: none; -moz-user-select: none;二、使用图片作为a标签的点击按钮时，当触发touchstart的时候，往往会有一个灰色的背景a,a:hover,a:active,a:visited,a:link,a:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;outline:none;background: none;tex...
描述:绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用.不占据空间.在IE下不可用.属性描述备注outline复合属性设置或者检索对象外的线条轮廓,外轮廓(outline)画在边框(border)的外面,不一定是矩形outline:outline-color||outline-style||outline-widthoutline-color设置或检索对象外的线条轮廓的颜色color:颜色invert:默认值,使用背景色的反色outline-style设置或检索对象外的线条轮廓的样式none:默认值dotted:点...
border与outline:border属性：border-width、border-style、border-color 其中border-style可以为none或hiddenoutline（轮廓）在元素边框边缘的外围绘制一条包围元素的线，包括outline-color、outline-style、outline-width三个子属性的设置，可缺省，无固定顺序。轮廓不占据页面空间，也不一定是矩形。除了IE以外的浏览器都直接支持outline。只有规定了!DOCUMENT之后的IE8以上版本的浏览器才支持outline。outline-style可为none（...
避免使用@import外部的CSS文件中使用@import会使得页面在加载时增加额外的延迟。一个CSS文件first.css包含了以下内容：@import url(“second.css”)。浏览器先把first.css下载、解析和执行后，发现及处理第二个文件second.css。简单的 解决方法是使用<link>标记来替代@import，并行下载CSS文件，从而加快页面加载速度.避免AlphaImageLoader滤镜什么是AlphaImageLoader？IE独有属性，用于修正7.0以下版本中显示PNG图片的半透明效果。...
首先我们来看一下最后的效果图把：这个就是我们最好的目标。如果敢兴趣的话好吧，那你继续看吧。首先这个按钮有用到css3.0的新样式属性。如果你的浏览器没有看到边角圆弧的样式，那就说明你的浏览器版本不支持css3.0的新样式。解决办法，升级浏览器到最新的。据我所知XP、Windows Server2003最高支持的是IE8（可以看到效果了），如果你不想升级IE，那们你可要下载不是IE为内核的浏览器，比如火狐、谷歌、Opera等等。好了前面这么多...
要设置某一元素的背景为透明，在 chrome 、firefox、opera 下是这样的：background-color: rgba(0, 0, 0, 0.4);rgba 中的最后一个参数 0.4 就是想要的透明度，范围在0～1之间。在 ie 中一般是这样的：background-color: rgb(0, 0, 0); filter: alpha(opacity=40);opacity 表示透明度，它的值范围在 0～100 之间那么如何兼容各浏览器呢？只要把它们写在一起就行了。由于 ie 不支持 rgba，所以会忽略之。其他浏览器对于自己不支持的，...
p背景透明样式：样式代码：.alert{filter:alpha(opacity=100); /* IE */ -moz-opacity:1.0; /* Moz + FF */ opacity: 1.0; height:300px; width:500px; background:#ccc; left:50%; top:50%;margin-top:-150px;margin-left:-250px;position:absolute;z-index:99; text-align:center; padding:20px;}使用方法：<p class=”alert”> 背景透明 </p>html代码：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "htt...
一、background属性可以设置一个元素的背景样式，当然前提是这个元素有具体的宽高值。先来一个简单的背景设置：#show-box {width: 800px;height: 500px;background: #000;background-image: url(image url);}</style>这里只是简单的设置了颜色和背景贴图。下面让我们来看一下官方的background的属性： 语法格式： background: color position size repeat origin clip attachment image; 注意：如果同时设置了“position”...
现在有这么一个实例要求： 1）画五个盒子，分别用红、紫、橙、绿、蓝字体颜色来表示； 2）鼠标点击其中一个盒子时，边框加粗并显示与盒子字体颜色一致的颜色； 效果如下图： （图1）盒子效果图 下面是具体的实现思路： 一、html内容构建 首先利用html内容表达五个盒子内容，代码如下：<ul id=levelGroup><li id=level1 >红</li><li id=level2 >紫</li><li id=level3 >橙</li><li id=level4...
我们可以使用三种方法来给一个对象(例如div,span,table)应用样式。 1：使用#定义样式，并使用id为对象应用样式。 例： <!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=gb2312" /> <title>Id</title> <style type="text/css"...
说到两端对齐，大家并不陌生，在word、powerpoint、outlook等界面导航处，其实都有一个两端对齐(分散对齐)的按钮，平时使用的也不多，我们更习惯与左对齐、居中对齐、右对齐的方式来对齐页面的文本或模块。 响应式网页设计出现以来，更多是使用百分比布自适应布局，特别是在移动端，两端对齐的方式显得越来越重要。那么，如何使用css实现两端对齐，相信很多同学会文本对齐的text-align:justify，这是今天要讲的其中一种方式，另外还...
在写css的时候最常用的长度单位是px(像素)，经常看到的还有em，pt等等，其实css中的长度单位一共有8个，分别是px，em，pt，ex，pc，in，mm，cm。 1、px：像素(Pixel),相对于设备的长度单位，像素是相对于显示器屏幕分辨率而言的。 譬如，WONDOWS的用户所使用的分辨率一般是96像素/英寸。而MAC的用户所使用的分辨率一般是72像素/英寸。 2、em：相对长度单位。相对于当前对象内文本的字体尺寸。 如当前行内文本的字体尺寸...
css里的empty-cells属性是所有浏览器都支持的，甚至包括IE8，它的用法是下面这个样子：table {empty-cells: hide;}估计你从语义上已经猜出它的作用了。它是为HTML table服务的。它会告诉浏览器，当一个table单元格里没有东西时，就隐藏它。下面的演示里，你可以点击里面按钮，它会切换empty-cells的属性值，看看table的显示有什么变化。HTML代码<table cellspacing="0" id="table"><tr><th>Fruits</th><th>Vegetables</th><th>Rock...
实例为表格设置合并边框模型：table{ border-collapse:collapse;}如果不加这个属性,边框就会很粗,加了就变细.tb_style { font-size:11px; color:#333333; border-width : 1px; border-color : #e5e5e5; border-collapse: collapse; } .tb_style td { border-width: 1px; padding: 8px; border-style : solid; border-color: #e5e5e5; background-color: #ffffff; }语法： border-collapse : separate | collapse参数： separate :...
注：由于CSS3的新特性较多，所以分两篇博文来说明。第一篇主要包括新的选择器、文字及块阴影、多背景图、颜色渐变、圆角等。第二篇主要细说CSS3的各种动画效果，如：旋转、移动、缩放等，还包括图标字体的应用。CSS3属性选择器：a[href$=‘.pdf’] 表示 href属性中以.pdf结尾的被选中a[href^=‘mailto’] 表示href属性中以mailto开头的被选中a[href*=‘item’] 表示href属性中含有item的都被选中其中a只是指代元素标签现有三个p，他...