您的位置：首页 > Web前端 > CSS

css的基本选择器

2015-10-10 10:58 441 查看

代码示例如下：

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus?">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>Document</title>
<style type="text/css">
/*
选择器： 1. 基本选择器
a. 标签选择器: 就是选择了页面上一类标签
b. 类选择器： 规定用圆点. 来定义
c. ID选择器:  规定用#来定义 : 正对特定的一个标签用
d. 通用选择器： 用*来定义
*/

b{                        /*这是一个标签选择器*/
color:red;
}

*{                          /*这是一个通用选择器*/
padding:0px;
margin:0px;
color:yellow;
}
.one{                       /*这是一个类选择器*/
border:1px solid red ;
}

#two{                        /*这是一个ID选择器*/
border:3px dashed green ;
}
/* 选择器名称 { 属性名：属性值；属性名：属性值；…….}
属性与属性之间用 分号 隔开
属性与属性值直接按用 冒号 连接
如果一个属性有多个值的话，那么多个值用 空格 隔开。
*/

</style>
</head>

<body>
<div class = "one">萌萌哒</div>
<p class = "one">萌萌哒</p>
<h1 class = "one">你好</h1>

<h2 id = "two">你好</h2>	 <!--id在页面中必须确保是唯一的-->

<b>钟燕</b>

</body>
</html>

运行结果如下：

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航