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
相关文档:
1、列表横排
将li的样式设置为
li {display:block;float:left;}
2、去除图片垂直方向的空白
最好的做法是为img 加上 vertical-align属性,这样就看不到空白了。
......
这些都是之前学习的时候总结的,现在把它们都上传上来:
DIV+CSS面试八个题是之前在哪个网站看到了,现在怎么也找不到了,索性自己留一份吧!
一、超链接访问过后hover样式就不出现的问题?
被点击访问过的超链接样式不在具有hover和active了,解决方法是改变CSS属性的排列顺序: L-V-H-A
二、IE6的双倍边距BUG
......
平时我们在浏览网页的时候,常常看见导航栏是动态的,其实我们可以通过css样式表的定义就可以完成。
首先我们看一下css代码:
#nav {
width:900px;
margin:0 auto;
background:#E1F4FD;
}
#nav li {
float:left;
font-size:14px;
}
#nav li a {
color:#000000;
......
内部样式表
内部样式表需要在网页的<head>部分定义,格式如下:
<head>
<style type="text/css">
/*符合CSS语法结构的CSS语句,例如*/
body { background-color: blue; }
</style>
</head>
行内样式表(内嵌样式表)
行内样式表直接在标签内部定义,使用style属性,写法如下:
......
对DIV+CSS偶还是新手,所以对ID与CLASS之间的区别,偶到今天也还是有些许迷茫,刚才查了下相关资料,果然给偶指明了方向,下面是它们之间的区别来自网上内容我把它收藏了进来,以便参考:
一、在web标准中是不容许重复ID的,例如 div id="a" 不容许重复2次;而class所定义的是类,理论上可以无限重复。以根据需要多次引用 ......