CSS的三种选择器
1、标签选择器
标签选择器其实就是html代码中的标签。
如
<html>、<body>、<h1>、<p>、<img>等标签
例如下面代码：
p{font-size:12px;line-height:1.6em;}
上面的css样式代码的作用：为p标签设置12px字号，行间距设置1.6em的样式。
2、类选择器
类选择器在css样式编码中是最常用到的，如下侧代码编辑器中的代码。
语法：
.类选器名称{css样式代码;}
注意：
1、英文圆点开头
2、其中类选器名称可以任意起名（不要起中文哦(⊙o⊙)？）
使用方法：
第一步：使用合适的标签把要修饰的内容标记起来，如下：
<span>Hi Man!</span>
第二步：使用class="类选择器名称"为标签设置一个类，如下：
<span class="str">fantastic</span>
第三步：设置类选器css样式，如下：
.stress{color:red;}/*类前面要加入一个英文圆点*/
例如：
.line{/*竖线*/
border:2px solid grey;
height:68px;
}
3、ID选择器
在很多方面，ID选择器都类似于类选择符，但也有一些重要的区别：
1、为标签设置id=“ID名称”，而不是class=“类名称”。
2、ID选择符的前面是井号（#）号，而不是英文圆点（.）。
<!-- html文件 -->
<!-- 头部分 -->
<div id="header">
<!-- 第一行 -->
<div id="line1">
<img alt="logo" src="../image/logo_jt.jpg">
<span class="line"></span>
<span class="regist">欢迎注册</span>
</div>
</div>
/* CSS文件 */
/* 头部分 */
#header{
width:1200px;
height:114px;
/*外边距： 上下 左右*/
margin:0px auto;
margin-top:41px;
}
#header #line1{/*头部第一行内容*/
height:72px;
}
1793
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
