DIV+CSS课程第一课

  • A+
所属分类:爱分享

DIV+CSS课程第一课,css的基本

 

1)文档类型

 

当我们用dreamweaver新建一下html格式文档时,查看源代码,会发现代码最上部有如下这句话:

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 

因为浏览器对XHTML的解析比较宽松,允许使用HTML4.01中的标签,但必须符合XHTML的语法。在这里建议大家一定要保留这句话,删除它后可能引起某些样式表失效或其它意想不到的问题。

 

2)语言编码

 

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

它标示文档的语言编码。就像我们平时所说的汉语、英语一样。这里的gb2312告诉浏览器,本文档采用简体中文编码;还有一种常用的编码是UTF-8编码,它是国际通用的编码。不管我们采用哪种编码,有一点就是包含的css样式表和其它文件也必须和本文档的编码一样,要不就会出现乱码。

 

3)html标签

 

成对的标签:

<head>...</head>

<body>sdfsdfldjflsd...</body>

<div>...</div>

<span>...</span>

<p>...</p>

 

单一的标签:

<img src="" />

<br />

 

4)CSS样式

 

1、什么是css(table表格和div层)

2、CSS 语法,选择器,使用大括号来包围属性。

 

 

CSS样式加载的几种方式介绍:

外部样式:

<link href="layout.css" rel="stylesheet" type="text/css" />

内部样式:

<style>

h2 { color:#f00;}

</style>

行内样式 :

<p style="font-size:18px;">内部样式</p>

 

5)css盒模型组成

DIV+CSS课程第一课 DIV+CSS课程第一课

 

avatar

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: