易截截图软件、单文件、免安装、纯绿色、仅160KB

自定义CSDN博客CSS样式

【作者:rare】
csdn blog css自定义设置
可以在博客的配置页面的自定义css栏中填入css样式代码来自定也blog的风格
csdn blog的页面架构基本是由div实现的,整个页面主要由三个div组成,它们的id分别是:
csdnblog_header, csdnblog_sidebar, csdnblog_content。
所以,定义它们的主体样式可以这样:
#csdnblog_header
{
    //头部的风格
}
#csdnblog_sidebar
{
    //侧边栏的风格
}
#csdnblog_content
{
    //主体内容的风格
}
这三个div又被两个div包裹起来了,它们的id分别是csdnblog_allwrap, csdnblog_midwrap
这两个还可以定义整个页面的整体样式
#csdnblog_allwrap
{
    //你想要的风格
}
#csdnblog_midwrap
{
    //你想要的风格
}
页面的头部由以下几部分组成
1、h1,显示blog的用户自定义标题
#csdnblog_header h1
{
    //标题风格设置
}
2、h2,显示用户自定义的blog描述
#csdnblog_header h2
{
    //blog描述风格设置
}
3、ul, id为personalnav, 个人导航列表
#csdnblog_header ul#personalnav
{
    //blog个人导航栏风格设置
}
4、ul,id为blogsearchsty,搜索栏
#csdnblog_header ul#blogsearchsty
{
    //blog搜索框风格设置
    //如果不想显示,可以使用:
    //display:none
}
5、ul,id为menu,菜单栏
#csdnblog_header ul#menu
{
    //blog菜单风格设置
    //如果不想显示,可以使用:
    //display:none
}
自定义侧边栏的CSS
侧边栏主div的id为csdnblog_sidebar,中间被一层class为gutter的div包裹,最里面一层div的的class为aboutauthor。里面剩下的就是一个个的dl了
修改起风格可以这样:
#csdnblog_sidebar div.gutter div.aboutauthor
{
}
更进一步的话,可以:
#csdnblog_sidebar div.gutter div.aboutauthor dl
{
}
#csdnblog_sidebar div.gutter div.aboutauthor dl dt
{
}
#csdnblog_sidebar div.gutter div.aboutauthor dl dd
{
}
自定义文章的CSS
每一篇文章都是一个div,其class为default_contents, 这个div包含两个子元素
1、h6, class为pubtime, 用来显示文章发表的时间。
修改其css的方法为
.de


相关文档:

目前最全的浏览器/CSS选择器兼容性总结

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 ......

jquery+css 完成进度条功能

今天看到一篇文章是css打造进度条。然后自己做成动态的进度条,同样,使用到css和jauery,请看:
1  首先,需要引入jquery.js文件。
 <script src="Content/jquery.js" type="text/javascript"></script>
2  所用到的样式部分:
<style>
 .graph {
    & ......

CSS透明滤镜

filter:alpha(opacity=50);-moz-opacity:0.5;
Opacity: 相对于IE。火狐似乎好像不支持。 值:以百分比为值,100 表示不透明度为100%;50侧代表不透明度为50%。
-moz-opacity: 相对于FF,火狐。 值:以小数点为值,1 表示不透明度为100%;0.5侧代表不透明度为50%。
注意:上面的滤镜IE8不支持。因此我们需要用 <meta h ......

7种CSS圆角框解决方案

1,无图片纯css圆角框
收录理由:兼容性强,不用图形
图一
特点:
1.不用任何图形,使用很多个div容器模拟出圆角效果。
2.兼容性:通杀所有浏览器
缺点:
1.构造这个圆角需要加入太多的无语义的标签,结构比较冗余。
2.重用性不强:如果一个页面有多个圆角,并且要实现不同的半径大小,则其灵活性不够。
3.边框颜 ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号