一个最基本的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>


CSS三种基本选择器介绍及应用

基本选择器
  • wjw_java
  • wjw_java
  • 2012年09月26日 11:50
  • 1144

一个文件处理的批处理

目录C:/dat 有三个这样的文件,2008a.txt,2009b.txt,2008c.txt, 其中2008是代表年份,可变的,后面的文件名不可变 我想实现这样的操作 1.把dat下面所有的文件的年...
  • sfx82
  • sfx82
  • 2010年02月01日 18:50
  • 386

一个最基本的二叉树

一个最基本的二叉树~~ 头文件BiTree.h [cpp] view plaincopy typedef int Item;   typedef s...
  • lishenglong666
  • lishenglong666
  • 2015年05月18日 20:21
  • 266

CSS的引入方式最常用的有三种,

CSS的引入方式最常用的有三种, 第一:在head部分加入,引入外部的CSS文件。 这种方法可以说是现在占统治地位的引入方法。如同IE与浏览器。这也是最能体现CSS特点的方法;最能体现DI...
  • Le_Wrynn
  • Le_Wrynn
  • 2015年12月21日 10:35
  • 1605

一个最基本的渐变

import java.awt.Color; import java.awt.GradientPaint; import java.awt.Graphics; import java.awt.G...
  • youyigong
  • youyigong
  • 2011年10月05日 13:16
  • 1464

心灵指南 刘墉 第二辑 创造自己 笔记

序: 上帝创造了我们, 我们则当创造另一个自己, 创造自己的风格! 创造自己的前途! 创造自己的自己! 请问:在你“人生的作品”中,你创造了什么? 你只是照着起初生下来的样子,随着一般人...
  • a18377881023
  • a18377881023
  • 2016年02月11日 16:24
  • 321

详解linux文件处理的的常用命令

详解常用的文件处理命令的常用选项
  • Hello_Hwc
  • Hello_Hwc
  • 2014年10月25日 08:56
  • 2124

Eclipse工具的基本使用

工欲善其事必先利其器, SUN : NetBeans Eclipse: 为了提高Java程序的开发效率。 现在介绍一下Eclipse。 1,Eclipse的介绍:           1....
  • Ding_GS
  • Ding_GS
  • 2012年05月11日 11:56
  • 200

Java网络编程 - 浅析web服务器与浏览器的实现原理

我们基本每天都在通过WEB浏览器,去浏览一些新闻,看看视频之类的。 众所周知,这就是所谓的B/S结构(Browser/Server,浏览器/服务器模式),是WEB兴起后的一种网络结构模式,WEB浏览器...
  • ghost_Programmer
  • ghost_Programmer
  • 2015年02月03日 10:34
  • 4900

CSS的三种选择器

标签选择器 标签选择器其实就是html代码中的标签。如右侧代码编辑器中的、、、、。例如下面代码: p{font-size:12px;line-height:1.6em;} 上面的css样式代...
  • u012110719
  • u012110719
  • 2014年11月15日 22:23
  • 2871
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:一个最基本的CSS文件处理
举报原因:
原因补充:

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