css文档中心

Crescent Eve(http://www.kashim.com/eve/
)是免费的HTML,CSS的编辑器.
和记事本类似,非常简洁.
主要有以下4个功能
   HTML的tag输入提示
   tag属性的输入提示
   HTML的语法检查
   HTML预览
在编辑HTML画面时非常有用.
Crescent Eve是非常小的一个编辑器,操作也非常简单易懂.不像很多编辑器功能太多反而是个麻烦.
还有就是HTML语法这个功能非常好,会帮助找出写法不严谨,或者有错误的地方.特别是对少tag或者多tag非常方便.
不过好像目前好像只支持日文版.做对日项目的话还可以用上.
......

ie6并不是不支持png，它支持索引颜色的PNG-8，而是不支持RGB颜色的PNG-24。
ie6里的PNG-24图片做背景主要有以下几个问题：
一、ie6里png背景透明问题：解决办法用滤镜。这个一般高手们都知道。
注意：src 这个路径是指加载滤镜的页面相对于图片的路径，而不是css文件相对于图片的路径。这跟一般的图片加载有区别。
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=”图片名称”);
_ background-image: none;
二、ie6里png背景做循环问题：用一个2px*2px的半透明图片做背景循环。解决办法加“sizingMethod=scale”。
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale, src=”图片名称”);
_ background-image: none;
三、ie6里不做循环的大png图片背景会出现区块被剪切，网站版面一片混乱，文字消失问题：解决办法加sizingMethod=crop。
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop,src=”图片名称”)
_ background-image: none;
四、ie6里png背景下的的连接失效：解决办法给a元素添加样式position:relative;
五、 ......

CSS important
    .dialog{margin:4px !important;margin:1px;} /* IE以最后出现的为准, Firefox|Opera|Safari以!important为准 */
CSS DIV半透明
    filter: alpha(opacity=50); /*IE支持(范围0-100)*/
    opacity: 0.50; /*非IE支持(范围0-1)*/
    visibility: visible; /*是否可见[visible|hidden](IE/Firefox都支持)*/
CSS 手形鼠标
    cursor:pointer;
设定图形上下左右留空
    <img src="图形文件名" vspace="上下留空点数" hspace="左右留空点数">
input的图像标签
    <input type="image" src="image.gif" alt="Submit">
accesskey和tabindex属性
    网站要兼顾更多情况下的使用，比如没有光标设备（如鼠标）的情况下，要让使用键盘操作也可以完成form的填写，这时候点击对于它们来说，已经没有任何意义。我们这个时候选用label的accesskey（快捷键，IE下为alt+accesskey属性值，FF下为alt+shift+accesskey属性值）和tabindex属性（Tab键，tabindex属性值为顺序）添加到表单标签上，如label，input等。 ......

Class.xml
<?xml version="1.0" encoding="utf-8"?>
<?xml-stylesheet type="text/css" href="class.css"?>
<bookdetail>
<book class="A">
<author>曹雪芹</author>
<title>红楼梦</title>
<price>60.00</price>
</book>
<book class="A">
<author>罗贯中</author>
<title>三国演义</title>
<price>40.00</price>
</book>
<book class="M">
<author>琼瑶</author>
<title>一帘幽梦</title>
<price>20.00</price>
</book>
</bookdetail>
Class.css
@charset "utf-8";
/* CSS Document */
bookdetail
{
display:block
}
book.a
{
color:blue;
}
book
{
display:block
}
price
{
font-style:italic
}

......

ID.xml
<?xml version="1.0" encoding="utf-8"?>
<?xml-stylesheet type="text/css" href="ID.css"?>
<bookdetail>
<book class="A" id="B1">
<author>曹雪芹</author>
<title>红楼梦</title>
<price>60.00</price>
</book>
<book class="A" id="B2">
<author>罗贯中</author>
<title>三国演义</title>
<price>20.00</price>
</book>
<book class="M" id="B3">
<author>琼瑶</author>
<title>一帘幽梦</title>
<price>20.00</price>
</book>
</bookdetail>
ID.css
@charset "utf-8";
/* CSS Document */
bookdetail
{
display:block
}
book#B3
{
font-weight:bold;
color:red
}
book
{
display:block
}
author
{
font-style:italic
}

......

为单个标签定义：
br{
    text-align: center;
    color: #000000;
    font-family:宋体;
}
为br标签指定了3个样式属性，包含对其方式、文字颜色及字体。
在网页中一个每个ID只能使用一次，如：
<div id="main"></div>
在CSS样式表中，ID选择符使用"#"符号进行表示，如果需要对ID为main的标签设置样式
表，可以使用如下的格式来书写样式表。
#main{
        font-size: 14px;
        line-heigth: 20px;
}
Class选择符：
Class 选择符与ID不同的是，Class允许重复使用，如页面中的多个元素都可以使用同
一个Class定义，例如：
<div class="font"></div>
<p class="font1"></div>
<h1 class="font1"></div>
Class的定义:
.font1{
                margin: 10px;
                background-color: # ......

HTML,CSS编辑器:Crescent Eve

HTML,CSS编辑器:Crescent Eve

转的:PNG在IE6下透明的css解决方案

点点滴滴(CSS)

XML与CSS类选择符的使用

XML与CSS类选择符的使用

XML与CSS ID选择符的使用

XML与CSS ID选择符的使用

2分钟学习CSS语法结构