热门标签： c c# c++ asp asp.net linux php jsp java vb Python Ruby mysql sql access Sqlite sqlserver delphi javascript Oracle ajax wap mssql html css flash flex dreamweaver xml

最新文章 : css

css实现导航栏的制作

平时我们在浏览网页的时候，常常看见导航栏是动态的，其实我们可以通过css样式表的定义就可以完成。
首先我们看一下css代码：
#nav {
width:900px;
margin:0 auto;
background:#E1F4FD;
}
#nav li {
float:left;
font-size:14px;
}
#nav li a {
color:#000000;
text-decoration:none;
padding-top:4px;
display:block;
width:148px;
height:30px;
text-align:center;
background-color:#39F;
margin-left:2px;
}
#nav li a:hover {
background-color:blue;
color:#ffffff;
}
下面就是在网页中引用：
<div align="center">
<ul id="nav">
<li><a href="#" mce_href="#" target="_parent">首页</a></li>
<li><a href="#" mce_href="#" target="_self">关于我们</a></li>
<li><a href="#" mce_href="#" target="_parent">硬件维护</a></li>
<li><a href="#" mce_href="#" target="_parent">软件中心</a></li>
<li><a href="#" mce_href ......

table Css常用样式

<html>
<body>
    <table class="t FCK__ShowTableBorders" cellspacing="0" cellpadding="8" width="600" border="0">
    <tbody>
        <tr>
            <td width="220">
            <table cellspacing="0" cellpadding="0" rules="cols" width="200" border="1">
                <tbody>
                    <tr align="center">
                        <td>第</td>
                  & ......

js css样式操作代码

     我们经常用js控制CSS样式，从而达到良好的用户界面和动态效果。我们经常使用的两种方式：
     方法1：
     var element= document.getElementById(”id”);
element.style.width=”200px”;
element.style.height=”200px”;
element.style.border=”solid 2px red”;
     优点是，易懂易用，简单方便；缺点是，样式多了，代码也跟着多了难以维护；而且通过JS复写对象的样式是比较经典的一种销毁原样式并重建的过程，这种销毁和重建，都会增加浏览器的开销。
     方法2：
     在JS中有一个cssText的方法，语法为：obj.style.cssTest("样式");
     如：
     element.style.cssText="width:200px;height:200px;border:solid 2px red"
     这种方法可以尽量避免页面的多次复写，提高页面的性能 ......

自定义CSDN Blog的CSS样式

原文传送门：http://blog.csdn.net/dux003/archive/2009/11/08/4786371.aspx
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为personalna ......

css三种样式!

内部样式表
内部样式表需要在网页的<head>部分定义，格式如下：
<head>
<style type="text/css">
/*符合CSS语法结构的CSS语句，例如*/
body { background-color: blue; }
</style>
</head>
行内样式表(内嵌样式表)
行内样式表直接在标签内部定义，使用style属性，写法如下：
<标签 style="符合CSS语法结构的CSS语句">
例如：
<p style="text-indent:24px;">段落内容</p>
外部样式表
使用外部样式表时，CSS文件与网页文件(html)是分离开来的。要让某一个网页调用一个外部CSS文件，你需要在网页的<head>部分插入以下内容：
<head>
<link rel="stylesheet" type="text/css"
href="文件位置/你的CSS文件名.css" />
/*文件位置就是所处在的文件夹相对与当前网页的相对路径*/
</head> ......

div+css中的ID与CLASS两者的区别(css的优先级)

对DIV+CSS偶还是新手,所以对ID与CLASS之间的区别,偶到今天也还是有些许迷茫,刚才查了下相关资料,果然给偶指明了方向,下面是它们之间的区别来自网上内容我把它收藏了进来,以便参考: 　　　
一、在web标准中是不容许重复ID的，例如 div id="a" 不容许重复2次；而class所定义的是类，理论上可以无限重复。以根据需要多次引用。
二、属性的优先级问题：ID 的优先级要高于class，我们在下面的代码中有示例说明。
三、方便JS等客户端脚本的引用，如果在页面中要对某个对象进行脚本操作，那么可以给他定义一个ID，否则只能利用遍历页面元素加上指定特定属性来找到它，这是相对浪费时间资源，远远不如一个ID来得简单与快捷。
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>52css.com</title>
<style type="text/css">

</style> ......

总记录数:772; 总页数:129; 每页6 条; 首页上一页 [120] [121] [122] [123] [124] 125 [126] [127] [128] [129] 下一页尾页