CSS的种类:类/标签样式/ID选择符/伪类
CSS样式的种类:
1 .HTML 标记符:用于定义HTML 的TAGS 样式,例如 bodyp img 等。
例Style.css中定义的body\h1\p\img 等 例style.css
2 .类选择器:以 . 开头,样式一旦定义,可就用于任何HTML 元素 。
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Trans
CSS样式的种类:
1
.HTML
标记符:用于定义HTML
的TAGS
样式,例如 body p
img
等。
例Style.css中定义的body\h1\p\img 等
例style.css
2
.类选择器:以 .
开头,样式一旦定义,可就用于任何HTML
元素
。
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>类选择器的示例</title>
<mce:style type="text/css"><!--
.content {
background-color: #CCCCCC;
height: 300px;
width: 500px;
font-size: 14px;
line-height: 20px;
letter-spacing: 1px;
border: 1px solid #000000;
}
--></mce:style><style type="text/css" mce_bogus="1">.content {
background-color: #CCCCCC;
height: 300px;
width: 500px;
font-size: 14px;
line-height: 20px;
letter-spacing: 1px;
border: 1px solid #000000;
}</style>
</head>
<body>
<p class="content">这是一个类选择器的示例。</p>
</body>
</html>
3
.ID
选择器:以“#
”开头,样式一旦定义,只对相同ID
的HTML
元素有效,且在同一个网页中,只能用一次,在调用对象或使用脚本语言时使用。
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; char
相关文档:
visibility: hidden, visible
display: block, inline, none
visibility: 控制页面元素的显示和隐藏,不空值元素的位置特征。
document.getElementById("div").style.visibility = "hidden"; //隐藏元素
document.getElementById("div").style.visibility = "visible"; //显示元素
当元素在页面是隐藏时, ......
.equal {
margin-bottom:-32767px;
padding-bottom:32767px;
}
.left{
float:left;
margin-left:5px;
overflow:hidden;
width:295px;
}
.right {
float:right;
overflow:hidden;
width:245px;
}
<div class=’left equal’>数据任意长度,可以自行copy很长一断来测试</div>
......
1.一行三列
<!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" lang="gb2312">
<head><title>css布局:一行三列</title>
<link rel="stylesheet" href ......
内部样式表
内部样式表需要在网页的<head>部分定义,格式如下:
<head>
<style type="text/css">
/*符合CSS语法结构的CSS语句,例如*/
body { background-color: blue; }
</style>
</head>
行内样式表(内嵌样式表)
行内样式表直接在标签内部定义,使用style属性,写法如下:
......
來源:http://www.webjx.com/css/divcss-17091.html
中文原文:CSS在Internet Explorer 6, 7 和8中的差别
译自:CSS Differences in Internet Explorer 6, 7 and 8
关于浏览器的最离奇的统计结果之一就是Internet Explorer
版本6,7和8共存。截至本文,Internet Explorer各个版本总共占据了大约65%的市场 ......