css文档中心

内联式样式表
定义：直接对html标签写样式，缺点：如果标签过多，需要写过多的样式
公式：style="样式属性:属性的值；样式属性:属性的值"
<p style="font-size:50px">aaaaaaaaa</p>
嵌入式样式表
特点：将公共的样式写在“head”部分里面的。缺点:如果加载样式的页面多，需要写重复内容。
公式：<style type="text/css">

      </style>
<html>
<he ......

第二讲 div+css标准布局
优点：内容和样式分离
margin：外边距
举例：
.bianju{
margin-top:40cm;
margin-left:10cm;
margin-right:10cm;
margin-bottom:15cm;
}
或者写成：
.bianju{
margin:1cm 2cm 3cm 4cm; (左右上下)如果只写一个，是4边都是一个固定的值
margin:auto (可自动调整)
}
padding：内边距
举例：
td{
padding-top:40cm;
padding-left:10cm;
padding-right:10cm;
padding-bottom:15cm;
}
或者写成：
td{
padding:1cm 2cm 3cm 4cm; 具体内容同margin
}
float
对齐方式（漂浮的属性）
取值：float:left|right|none
举例：
上面部分：
.one{
float:right;
}
下面部分：
<p class="one">aaaa</p>
clear：
清除漂浮
取值：clear：left|right|both|none ......

如果你不总是用 Windows

上的 Internet
Explorer
来上网的话，你可能会注意到，许多网站上的视频点播之类的多媒体内容，你无法直接在 Internet Explorer
以外的其它浏览器中观看，比如明明已经安装
了插件却提示缺少插件，或者什么都不提示出现空的框框，或者显
示了播放器插件却始终连不上打不开之类的问题，而在 Internet Explorer
上却能够正确的打开并播放。显然这不是由于网络不通或者媒体不存在造成的，而是由于网页内的代码
有问题。你可能觉得这无关紧要，因为你已经习惯用 Internet Explorer
来浏览它们了；也可能你曾为此而头疼，如果你是一个 Linux

用户。可是不管怎么样，如果能在所有操作系统平台的所有浏览器上都能正常播放这些多媒体内容，总是一件好的事情。本文就是来解决这些问题的。
本文将介绍如何在网页中內嵌 Windows Media
、RealPlayer
、Quicktime
和 Flash
的完美方法
。
这些方法适用于 Windows
、Linux
、Mac OS X
等操作系统平台上的 Internet Explorer
、Mozilla
、Firefox
、NetScape
、Opera
等多种浏览器。
完美内嵌 Windows Media
完美内嵌 RealPlayer (RealMedia)
完美内嵌 Quicktim ......

<html>
<body style="margin:0;">
<div>
    <table style="width:100%;height:100%" cellpadding='0' cellspacing='0'>
    <tr>
        <td style="width:120px;background-color:Red">
            <iframe id="MU" name="MU" style="position:absolute;top:auto;bottom:0px;height:100%;left:auto;right:0px;width:100%">
            </iframe>
             
        </td>
        <td style="background-color:Yellow">
            <iframe id="WA" name="WA" style="position:absolute;top:0px;bottom:0px;left:120px;right:0px;width:100%;height:100%"
      ......

CSS网页布局时常犯的几种小错误：
　　1. 检查HTML元素是否有拼写错误、是否忘记结束标记
　　即使是老手也经常会弄错div的嵌套关系。可以用dreamweaver的验证功能检查一下有无错误。
　　2. 检查CSS是否书写正确
　　检查一下有无拼写错误、是否忘记结尾的 } 等。可以利用CleanCSS来检查 CSS的拼写错误。CleanCSS本是为CSS减肥的工具，但也能检查出拼写错误。
　　3. 用删除法确定错误发生的位置
　　如果错误影响了整体布局，则可以逐个删除div块，直到删除某个div块后显示恢复正常，即可确定错误发生的位置。
　　4. 利用border属性确定出错元素的布局特性
　　使用float属性布局一不小心就会出错。这时为元素添加border属性确定元素边界，错误原因即水落石出。
　　5. float元素的父元素不能指定clear属性
　　MacIE下如果对float的元素的父元素使用clear属性，周围的float元素布局就会混乱。这是MacIE的著名的bug，倘若不知道就会走弯路。
　　6. float元素务必指定width属性
　　很多浏览器在显示未指定width的float元素时会有bug。所以不管float元素的内容如何，一定要为其指定width属性。
　　另外指定元� ......

在这种浏览器下显示正常，在另一种下就乱了，我们在编写CSS的时候会很恼火，刚修复了这个浏览器的问题，结果另外一个浏览器却出了新问题。

-

什么是浏览器兼容：当我们使用不同的浏览器（Firefox IE7
IE6）访问同一个网站，或者页面的时候，会出现一些不兼容的问题，在这种浏览器下显示正常，在另一种下就乱了，我们在编写CSS的时候会很恼火，刚修复
了这个浏览器的问题，结果另外一个浏览器却出了新问题。好吧，我服了行吧，那我就利用你们的不兼容各写一段css,让他们各执行各的，呵呵。
一、!important (功能有限)
随着IE7对!important的支持, !important 方法现在只针对IE6的兼容.(注意写法.记得该声明位置需要提前.)
例如:
#example {
width: 100px !important; /* IE7+FF */
width: 200px; /* IE6 */
}
二、CSS HACK的方法(新手可以看看，高手就当路过吧)
首先需要知道的是：
所有浏览器通用 height: 100px;
IE6 专用 _height: 100px;
IE7 专用 *+height: 100px;
IE6、IE7 共用 *height: 100px;
IE7、FF 共用 height: 1 ......

div+css学习1

div+css学习2

Asp.net URL重定向后css路径问题

Asp.net URL重定向后css路径问题

iframe 自适应高度宽度全css 实现无 javascript

CSS网页布局时常犯的几种小错误

DIV+CSS设计时浏览器兼容性问题

div+css学习1

div+css学习2

Asp.net URL重定向后css路径问题

Asp.net URL重定向后css路径问题

iframe 自适应高度 宽度 全css 实现 无 javascript

CSS网页布局时常犯的几种小错误

DIV+CSS设计时浏览器兼容性问题

iframe 自适应高度宽度全css 实现无 javascript