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;
&
相关文档:
Css代码
1.line-height:24px;
line-height:24px;
使用固定宽度的容器并且需要一行垂直居中时,使用 line-height 即可(高度与父层容器一致),更多的垂直居中总结可以看这里。
清除容器浮动
Css代码
1.#main {
2. overflow:hidden;
3.}
#ma ......
CSS Hack速记: *html , IE +html , IE _html , IE6 *+html , IE7 height/*\**/,IE8 必须保证HTML顶部有如下声明:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 示例 height:100px;【FF】 ......
<!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渐变代码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 ......