没有合适的资源?快使用搜索试试~ 我知道了~
css教程之样式表的基本语法(二) class(类)和id的一个小实例
0 下载量 86 浏览量
2020-09-25
03:49:37
上传
评论
收藏 56KB PDF 举报
温馨提示
试读
2页
主要介绍了css样式表的基本语法(二),这里提供了class(类)和id的一个小实例,需要的朋友可以参考下
资源推荐
资源详情
资源评论
css教程之样式表的基本语法教程之样式表的基本语法(二二) class(类类)和和id的一个小实例的一个小实例
主要介绍了css样式表的基本语法(二),这里提供了class(类)和id的一个小实例,需要的朋友可以参考下
class(类)和id的一个小实例
在上一节中我们了解了如何为特定的标签定义样式,例如我们利用 “h1{font-size: 12px;}”将页面内所有的标题1的字体大小改
为了12像素。那么如果我不希望所有的标题1样式都被修改该怎么做呢?这时class和id就可以帮你的忙。
为了了解class和id,我们先来看两个网页。
没有加入CSS时的页面,加入CSS之后的页面。它们的源代码如下:
复制代码
代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd</a>">
<html xmlns="<a href="http://www.w3.org/1999/xhtml">http://www.w3.org/1999/xhtml</a>">
<head>
<title>我真惨!被用来演示CSS!</title>
<meta http-equiv="Content-Type"
content="text/html; charset=gb2312" />
</head>
<body>
<h1>我是页面最上端的标题1</h1>
<h1>我是页面左侧的标题1,用来导航</h1>
<h1>我是页面右侧新闻的标题1</h1>
<p>我是新闻的内容。</p>
</body>
</html>
复制代码
代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd</a>">
<html xmlns="<a href="http://www.w3.org/1999/xhtml">http://www.w3.org/1999/xhtml</a>">
<head>
<title>我真惨!被用来演示CSS!</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<style type="text/css">
<!--
h1.dabiaoti {
font-weight: bolder;
text-align: center;
}
h1#daohang {
font-size: 12px;
font-weight: bolder;
text-align: left;
}
h1.xinwen {
font-size: 16px;
font-weight:bold;
text-align: center;
color:green;
}
-->
</style>
</head>
<body>
<h1 class="dabiaoti">我是页面最上端的标题1</h1>
<h1 id="daohang">我是页面左侧的标题1,用来导航</h1>
<h1 class="xinwen">我是页面新闻的标题1</h1>
资源评论
weixin_38551749
- 粉丝: 7
- 资源: 936
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功