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
相关文档:
#dh
{
width:1003px;
height:36px;
background-image:url(images/mmain_03.gif)
}
#dh li
{
height:30px;
width:110px;
float:left;
list-style:none;
text-align:center;
margin:7px;
padding:5px;
}
#dh li a:link
{
font-size:16 ......
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">
<head>
<meta http-equiv="Content-Type" content= ......
白色 #FFFFFF 2 红色 #FF0000 3 绿色 #00FF00 ......
<html>
<body>
<table class="t FCK__ShowTableBorders" cellspacing="0" cellpadding="8" width="600" border="0">
<tbody>
<tr>
&n ......
内部样式表
内部样式表需要在网页的<head>部分定义,格式如下:
<head>
<style type="text/css">
/*符合CSS语法结构的CSS语句,例如*/
body { background-color: blue; }
</style>
</head>
行内样式表(内嵌样式表)
行内样式表直接在标签内部定义,使用style属性,写法如下:
......