HTML学习笔记

一、DOCTYPE

文档声明部分，直接影响浏览器的渲染效果

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999.xhtml" lang="zh-CN">

二、<head>

里面包含内容有：

<title>这是页面标题</title>

---->告诉浏览器这是一篇UFT-8编码的文档

---->告诉搜索引擎本页面的主要内容

---->告诉搜索引擎本页面体现的关键字

三、BODY

用来放各种标签和内容，而内容不能直接写在BODY里面

==============================================

CSS的插入：

一、直接写在BODY中

这里写CSS内容

</stype>

二、引入CSS文件:<link rel="stylesheet" href="路径" type="text/css" />

CSS选择器：

一、ID选择器:#id{} id=""

二、标签选择器:标签名如： div{}

三、类选择器:.className() class=""

四、通配符选择器： *｛｝

五、派生选择器/父子选择器：选择某个特定的标签，如：div h1{} 中间有空格想得开

六、群组选择器：p,.stu{} 可用“,”号隔开，同时对多种选择器进行操作

=====================================================

标签：

宽 width

高 height

边框 border :solid(样式) 50px（大小） blue（颜色）

内边距 padding:10px

外边距 margin：上右下左，无值则和对边一致；外边距在竖直方向上有重叠效果，取最大值

注意：1.width和height是大小是指写内容的大小

　　　2.border、padding、margin的四边大小可分别设置，可按margin写法，也可加-top/right/bottom/left 其中border只能使用border-top类似的方式进行分别设置

=========================================================

为解决各浏览器对各标签设置了初始值的问题，可用通配符（*）初始化

*｛

margin:0;

padding:0;

border:0;

｝

===========================================================

浮动布局

float:left/right 可理解为漂浮起来再往相应方向移动其它DIV可存在于其正文

clear:left/right/both清除浮动，头上不能有相应浮动DIV

posted @ 2013-07-11 17:05 何晓林阅读(209) 评论(0) 收藏举报

刷新页面返回顶部

何晓林

HTML学习笔记

公告