您所在的位置为:详细内容页面>>建站知识-网站设计制作>>正文

【CSS】CSS在HTML及Dreamweaver中的位置

时间: 2010-06-28 15:09 字号:|| 点击:

要想学习CSS,我们必须要对HTML有一定的了解。比如,你要知道 <table>是什么,<p>是什么,又或者<h1>是什么?缺少对这些知识的基本了解,或许我们可以知道CSS的固定写法格式,但是就好像你有了一把枪,却没有子弹一样。因此,我们建议您在学习CSS之初,对HTML中的一些基本知识应有所了解和掌握。
首页,我们先来看一下CSS在网页中一般长的都是什么样?也就是CSS的固定写法。如下:
 

<style type="text/css">
具体的CSS样式
</style>

上面这两行代码,就是CSS的基本写法。也就是固定的格式。一般我们写CSS代码时候,它的开始和结束必须是这种样式。

现在,让我们打开Dreamweaver,将试图切换到代码试图,你会看到有如下代码:

 

<!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=utf-8" />
<title>无标题文档</title>
</head>

 

<body>
</body>
</html>
 

上面的代码是我们打开Dreamweaver后最基本的源代码信息。而CSS代码的位置,则是放在<head>CSS代码</head>之间。具体正确的写法如下:
 

<!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=utf-8" />
<title>无标题文档</title>
<style type="text/css">

 

具体的CSS样式

</style>

</head>

<body>
</body>
</html>

收藏   打印   关闭 上一篇: 【CSS】什么是Css 下一篇: 【CSS】CSS在Dreamweaver中的基本写法

底部导航

新手上路 付款方式 常见问题 服务支持 关于网站宝
注册建站账户 在线支付 关于网站备案 建站热线:400 696 0848 网站宝介绍
在线免费建站 银行转账 如何解析域名 在线咨询留言 网站地图
建站视频教程 来公司付款 建站价格费用 建站服务申请 加入网站宝
建站图文教程 上门收款 做网站流程 投诉电话:021-61659662 合作与渠道
升级到收费版 邮局汇款 怎样网站推广 帮助中心 QQ群:103611961 联系方式