用JS来切换CSS,很好很简单
假如我们想通过前台自主选择CSS样式来达到改变颜色、风格等目的的话,用JS调用CSS文件就OK。
先做两个(或多个)CSS文件。
style_1.css 代码:
body{background-color: #ccff66;}
......
style_2.css 代码:
body{background-color: #ff0000;}
......
JS代码如下:
<link rel="stylesheet" rev="stylesheet" id="style" type="text/css" media="all" />
<script>
function change_skin(obj){
if(obj.length<1){
return;
}else{
document.getElementById("style").href=obj;
}
}
</script>
<body>
<select onchange="change_skin(this.value)" id="skinStyle">
<option value="">改变风格</option>
<option value="style_1.css">风格 1</option>
<option value="style_2.css">风格 2</option>
</select>
</body>
相关文档:
/**
* 給結點添加濾鏡
* 1.filterStyle形式:滤镜名称及其后的部分
* 2.Alpha 滤镜:ALPHA(opacity=opacity,finishopacity=finishopacity,style=style,startx=startx, starty=starty,finishx=finishx,finishy=finishy)}--透明
* 3.Blur 滤镜:Blur(add=add,direction=direct ......
用CSS让元素居中显示并不是件很简单的事情—同样的合法CSS居中设置在不同浏览器中的表现行为却各有千秋。让我们先来看一下CSS中常见的几种让元素水平居中显示的方法。
1.使用自动外边距实现居中
CSS中首选的让元素水平居中的方法就是使用margin属性—将元素的margin-left和margin-right属性设置为
aut ......
【作者:rare】
csdn blog css自定义设置
可以在博客的配置页面的自定义css栏中填入css样式代码来自定也blog的风格
csdn blog的页面架构基本是由div实现的,整个页面主要由三个div组成,它们的id分别是:
csdnblog_header, csdnblog_sidebar, csdnblog_content。
所以,定义它们的主体样式可以这样:
#csdnblog_heade ......
提供一种用CSS代码实现自动截取字符串的方法:
CSS代码如下:
<style>
body{
background-color:#f4f4f4;
font-size:12px;
}
div.test{
width:200px;
height:100px;
border:1px solid red;
border-top:4px solid red;
padding:10px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
......
区别span div p 三个标签的用法
span和div的不同之处在于span是内联的,用在一小块的内联HTML中,前后不断行.
div元素是块级的(简单地说,它等同于其前后有断行),用于组合一大块的代码。
p(段落)元素是块级的,前后断行,而且还要再隔一行.相当于断两行.
<div> 可定义文档中的分区或节(division ......