一个最基本的CSS文件处理

原创 2016年06月01日 08:27:46

敲入如下代码

#layout {
font-family: Arial, Helvetica, sans-serif;
font-size: medium;
font-style: italic;
font-weight: bold;
height: 300px;
width: 400px;
background-color: #66CCFF;
}

这段代码是通过DW生成的。打开DW,新建html网页,建立CSS样式。保存。


DW生成的代码如下:

<!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>
<link href="css.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="layout">此处显示  id "layout" 的内容</div>
</body>
</html>


下面我打开记事本,写入如下代码,并生成html文件:(这里不再像上面的文件那样,指定css文件路径,而是将样式文件写在代码中。)

<!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>
<style type = "text/css">
#layout1{font-family: Arial, Helvetica, sans-serif;
font-size: medium;
font-style: italic;
font-weight: bold;
height: 600px;
width: 300px;
margin:auto;
background-color: #66CCFF;}
</style>
</head>
<body>
<div id="layout1">此处显示  id "layout" 的内容</div>
</body>
</html>

下面我再调整一下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>
<style type = "text/css">
#layout1{font-family: Arial, Helvetica, sans-serif;
font-size: medium;
font-style: italic;
font-weight: bold;
height: 300px;
width: 300px;
margin:auto;
background-color: #66CCFF;}


#layout2{font-family: Arial, Helvetica, sans-serif;
font-size: medium;
font-style: italic;
font-weight: bold;
height: 300px;
width: 300px;
background-color: #66CCFF;}
</style>
</head>


<body>
<div id="layout1">此处显示  id "layout1" 的内容</div>
<div id="layout2">此处显示  id "layout2" 的内容</div>
</body>
</html>


版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

写一个Sublime Text 2插件(CSS文件里px单位替换成rem单位)

写这个文章就是想大家知道sublime text 插件开发还是很简单的,学会如何从设置文件里获取设置。

iOS之在webView中引入本地html,image,js,css文件的方法

项目需求 最近开发的项目,需要一个webView,同时这个webView会需要引入一些项目中的资源: 一个本地的html文件,作为webView的模板两张loading图片,在图片未加载的时候...

org css文件

  • 2012-08-02 00:06
  • 37KB
  • 下载

可能引发CSS文件无效的10种情况

前端开发人员或许都遇到过CSS文件无效的情况,这时我们的页面就只剩下HTML框架,CSS表现已经完全失去,也就是所谓的“页面裸奔”。裸奔的页面一定不是我们想要的,但是CSS文件为什么会失效,也是我们值...

Js Css文件压缩工具源码

  • 2012-05-08 08:54
  • 300KB
  • 下载

js+css文件压缩工具

  • 2016-05-07 15:38
  • 522KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)