传智播客学习总结 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{
相关文档:
jQuery, MooTools, Prototype 等优秀的
JavaScript 框架拥有各种强大的功能,包括绘制 Web 图表,使用这些框架以及相应插件,我们可以非常轻松地实现曲线图,圆饼图,柱状图等
Web 图表的绘制,而不必象以往那样通过复杂的 Flash 技术实现。本文介绍了9个优秀的基于 JavaScript 与 CSS& ......
在html中,即使我们没有指定页面元素显示的css样式,元素也会按照默认的的标准css样式去显示。因此掌握基本的html标签可以在一定程度上精简你的css代码,现将html标签的默认属性进行一定的汇总如下:
li { display: list-item }
h ......
我在www.c09.com 发表了这个笔记并上传了原著的PDF,今天有空,转到BLOG上来。
第九章、bug和bug修复
9.1 常见CSS问题[code]
/*以下代码视图让所有.intro的段落显示橙色的背景*/
#content p{
background-color:transparent;
}
.intro{
background-color:#FEECA9;
}
/*以上代码失败的 ......
1. css 字体简写规则
当使用css定义字体时你可能会这样做:
font-size: 1em;
line-height: 1.5em;
font-weight: bold;
font-style: italic;
font-variant: small-caps;
font-family: verdana,serif;
事实上你可以简写这些属性:
font: 1em/1.5em bold italic small-caps verdana,serif
font: bold ital ......