jquery+css 完成进度条功能
今天看到一篇文章是css打造进度条。然后自己做成动态的进度条,同样,使用到css和jauery,请看:
1 首先,需要引入jquery.js文件。
<script src="Content/jquery.js" type="text/javascript"></script>
2 所用到的样式部分:
<style>
.graph {
position: relative;
width: 200px;
border: 1px solid #B1D632;
padding: 2px;
margin-bottom: .5em;
}
.graph .bar {
display: block;
position: relative;
background: #37709B;
text-align: left;
&
相关文档:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head><title>Cross-Browser Text Glow Demo</title>
<mce:style type="text/css"><!--
* {
font ......
选择器的分组
意思就是说几个选择器可以同时使用一个声明,但是选择器之间记住一定要用逗号来隔开,这样我们会节省了很多代码
我们举个例子吧!
h1,h2,h2,h3,h5,h6 {
color: red; background:blue;
}
这样所有的h标题标签的字体颜色是红色,背景是蓝色;应该清楚了吧!
css继承性的问题
子元素继承父元素的 ......
css布局的时候多多注意一下,相信很快就可以掌握了css布局的技巧!
一、IE边框若显若无,须注意,定是高度设置已忘记;
二、浮动产生有缘故,若要父层包含住,紧跟浮动要清除,容器自然显其中;
三、三像素文本慢移不必慌,高度设置帮你忙;
四、兼容各个浏览须注意,默认设置行高可能是杀手;
五、独立清除浮动须铭记 ......
css渐变代码4种
一、从上往下渐变
body{
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#000000);
}
二、从左上至右下渐变
body{
FILTER: Alpha( style=1,opacity=25,finishOpacity=100,
startX=50,finishX= 100,startY=50,finishY=100);
background-col ......
2009年2月24日
,Safari 4.0
beta版正式发布,Safari从它的3.2版本开始就已经支持所有的CSS选择器(包括最新的CSS3)。不过为了方便大家的工作,下面提供了最新版
本的CSS选择器浏览器支持情况,其中包括最新的CSS3和Safari 4.0 Beta的支持情况。感谢Estelle Weyl
的总结。
2009年6月30日
,FireFox 3.5发布,类似Safar ......