易截截图软件、单文件、免安装、纯绿色、仅160KB

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


相关文档:

css常用布局样式

 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 ......

各种CSS bug与技巧


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= ......

CSS 样式大全

 白色 #FFFFFF                 2 红色 #FF0000               3 绿色 #00FF00             ......

用js改变css样式

<style>
.a
{
background-color:#000000;
}
.b
{
background-color:#ffffff;
}
</style>
<ul>
<li id="aaa1"  onclick="setClassName(this,'a')"> <a href="#">aaaa</a> </li>
<li id="aaa2"  onclick="setClassName(this,'a')"> <a href="#"&g ......

js css样式操作代码

     我们经常用js控制CSS样式,从而达到良好的用户界面和动态效果。我们经常使用的两种方式:
     方法1:
     var element= document.getElementById(”id”);
element.style.width=”200px”;
element.style.height=”200p ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号