传智播客学习总结 CSS层叠样式表
CSS(Cascading Style Sheets)层叠样式表作用是将网页内容和显示样式进行分离,提高了显示功能。
CSS代码格式:
选择器名称 { 属性名:属性值;属性名:属性值;……}
选择器(对不同的HTML标签进行控制,并赋予各种样式声明,即可实现各种效果):
标签选择器:
例:<style type ="text/css">
h1{
color:red;
font-size:25px;
}
</style>
类选择器(在标签中定义class属性并赋值。通过标签名.class值对该标签进行样式设置,相同标签设置不同样式的时候,用class进行区分。不同标签进行相同设置的时候,用class进行统一定义)
例:<style type="text/css">
.title{
color:blue;
font-size:12px;
}
</style>
<p class="title">类选择器</p>
ID选择器:(使用方法跟class选择器基本相同,格式为#ID值)
例:<style type="text/css">
#title{
相关文档:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>固定表头和列</title>
<style>
.FixedTitleRow
......
我在www.c09.com 发表了这个笔记并上传了原著的PDF,今天有空,转到BLOG上来。
第九章、bug和bug修复
9.1 常见CSS问题[code]
/*以下代码视图让所有.intro的段落显示橙色的背景*/
#content p{
background-color:transparent;
}
.intro{
background-color:#FEECA9;
}
/*以上代码失败的 ......
一组嵌套选择器的实际特性可以计算出来。基本的,使用ID选择器的值是100,使用class选择器的值是10,每个html选择器的值是1。
它们加起来就可以计算出特性的值。
p的特性是1(一个html选择器)
div p的特性是2(两个html选择器)
.tree的特性是10(1个class选择器)
div p.tree的特性是1+1+10=12,(两个html选择器 ......
css
clearfix(针对火狐height:auto无效解决方案)
Firefox等符合W3C标准的浏览器中,如果有一个DIV作为外部容器,内部的DIV如果设置了float样式,则外部的容器DIV因为内部没有clear,导致不能被撑开。
例:
<div style=" border:2px solid #0CC; width:600px;" >
<div style="
wi ......