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

CSS基础知识

1、CSS的语法是这样的:selector {property: value}
selector-选择器(比如body、div、h2……)
property-属性 (比如background-color、hidden、text-align……)
value-值(比如yellow、blue、12px、center……)
[注]:
a、除id外大小写不敏感
b、value存在多个单词时,要用引号(比如:font-family: "Book Antiqua";)
c、设置完一项后,以;结尾
2、下面是一个CSS文件的示例:
@CHARSET "UTF-8";
/*可以为多个html元素或标签定义样式*/
h1,h2 {
color: aqua;
}
/*为单个元素或标签定义样式*/
h3 {
font-style: italic;
}
h4 {
color: silver;
}
table {
color: blue;
}
/*为table中的label定义样式*/
table label {
color: purple;
}
/*为id为redDiv的元素或标签定义样式*/
#redDiv {
color: red;
}
/*为id为redDiv的元素或标签中的h3标签定义样式*/
#redDiv h3 {
color: green;
}
/*为class为bg的元素或标签定义样式*/
.bg {
background-color: yellow;
}
/*为class为bg的元素或标签中的p标签定义样式*/
.bg p {
background-color: silver;
}
我们看到,可以通过
a、 XX{******}为某一元素或标签定义样式
b、 XX,YY{******}为多个元素或标签定义样式
c、 XX  YY{******}为XX元素(或标签)中的YY元素(或标签)定义样式
d、 #XX{******}为id为XX的元素或标签定义样式
e、 #XX  YY{******}为id为XX的元素(或标签)中的YY元素(或标签)定义样式
f、 .XX{******}为使用了XX类的元素或标签定义样式(class="XX")
g、 .XX YY{******}为使用了XX类的元素(或标签)中的YY元素(或标签)定义样式
3、html页面
我们可以将CSS样式规则写在html页面里(head标签之间)
<head>CSS here</head>
也可以导入外部的CSS样式文件(也是head之间)
<link rel="stylesheet" type="text/css" href="test.css" />
4、下面是一个引入了上面CSS文件的html页面:
<html>
<head>
<title>css test</title>
<!-- 引入外部样式表(也可以将CSS写在页面里) -->
<link rel="stylesheet" type="text/css" href="test.css" mce_href="test.css" />
</head>
<body>
<h1>这是h1(aqua)</h1>
<h2>这是h2(aqua)</h2>
<!-- 受到h4样式规则和class bg


相关文档:

CSS滑动门横向菜单栏

效果如下:
              
实现方法:利用一下两张图片:                
前台代码:
 <div id="nagivation">
    &nb ......

CSS学习者:2008年不要作浮躁的人

新的一年,新的开始!网页教学网与各位共勉!本文写给CSSer同仁——请不要做浮躁的人 
  不要被对象、属性、方法等词汇所迷惑;最根本的是先了解最基础知识; 
  不要放过任何一个看上去很简单的小问题--他们往往并不那么简单,或者可以引伸出很多知识点;不会举一反三你就永远学不会;  ......

传智播客——css细节

一:css的概念
    CSS是层叠样式表(Cascading Style Sheets)用来定义网页的现实效果。可以解决html代码对样式定义的重复,提高了后期样式代码的可维护性,并增强了网页的现实效果功能。简单一句话:CSS将网页内容和显示样式进行分离,提高了显示功能。
二:css的优点
    样式表定义如 ......

IE6 下:hover 中bug解决了(纯CSS)

这个bug,主要是一个二级菜单,在ie7中hover时正常显示出来,在ie6下没有效果。在网上找了很多资料,弄了好几天,最终是参照别人的代码,用的纯css经过自己的整理,就把它给弄下来了。希望以后自己多来看看。
如下:
 -------------------
css代码:
.allMenu
{
    width: 8 ......

IE与FF在js、css、html方面的不兼容问题


js要求:为使系统能在IE和FF下正常运行,不要使用原生态的javascript,建议使用js的库(如:jquery)
        并且要求用jquery中,获取对象的属性使用$obj.attr("attrName"),不要使用obj.attrName,防止自定义的属性在FF中不能正常运行
1、问题:<span></span>在FF下运 ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号