传智播客学习总结 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{
相关文档:
css,javascript的预加载
为了提高网站的加载速度,有一个很重要的手段就是在用户浏览过程中的上游网站做一个文件的预加载。预加载文件一般有两种常用的方式:xhr和动态插入节点的方式。动态插入节点是最为简单也最为广泛的一种异步加载方式(例如yui的Get模块),然后使用动态插入节点方法加载的文件都会在加载后立即执行, ......
列举一些网站页面变灰的css代码:
首先确保网站有1.0标准声明:
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd“>
<html xmlns=”http://www.w3.org/1999/xhtml“>
方法如下:
1.html{filte ......
我在www.c09.com 发表了这个笔记并上传了原著的PDF,今天有空,转到BLOG上来。
招数和过滤器
IE的有条件注释:仅用这一项,就可以解决IE的兼容问题,至于其它浏览器的不同版本,我们完全可以忽略不计。[code]
/*有条件注释仅在IE中支持且IE5以后的所有版本均支持*/
<!--[if IE]
<style type='text/css'>
@im ......
一组嵌套选择器的实际特性可以计算出来。基本的,使用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 ......