html&&html5（1）

html 文件格式 ， 编辑器：editplus , notepadd++ , sublime , phpstrom ,webstrom

修改文件名后缀：组织->文件夹和搜索->查看->隐藏已知类型的扩展名

浏览器：用firefox和chrome

doctype  解析标准   description和keywords,用来说明自己页面的关键词,来吸引蜘蛛.seo

以下为头文件 ：
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="zh-CN" />
<meta content="all" name="robots" />
<meta name="author" content=" 。。。 " />
<meta name="Copyright" content="www.xxxxx.com,版权所有,不得随意转载" />
<meta name="description" content="  内容 1 2 3 4  " />
<meta  name="keywords" content="php  " />
<link rel="icon" href="/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="http://www。xxx.com/favicon.ico" type="image/x-icon" />
<link rel="stylesheet" rev="stylesheet" href="images/li.css" type="text/css" media="all" />

★div+css盒模型布局

div 布局css 控制 ， 无语义标签 

h5中是有语义标签

浮动float  和 clear

字符集：<meta charset="UTF-8">  用记事本保存的编码和head里面声明的字符集不一致

margin  水平居中 margin:0px auto; maring:auto auto ；

border   css3手册 -> 边框

padding   默认是往外挤的， h5中 两种不同的盒子模型

css3新增属性

background-clip 指定对象的背景图像向外裁剪的区域 border-box(默认) （虚边实验）

背景被裁剪到边框盒 padding-box 背景被裁剪到内边距框 content-box 背景被裁剪到内容

css3新属性 新属性 box-sizing 设置或检索对象的盒模型组成模式。

content-box (内容盒)默认值w3c的盒子:盒子的尺寸,宽高是写内容的地方

border-box (边框盒):盒子的尺寸,宽高是包含边框在内的,那写内容的地方变小，响应式布局上,就需要用 边框盒。 是向内挤的；

标签元素 内联和块状 ；有语义和无语义 ；

display:none; block ; inline ;

css 控制元素样式 ； 段落文本 ， 字体衬线 ， 图片 ， 绝对和相对定位 ，  字符实体

选择器 ：  id 、类  、 标签 、 层级 ； a标签  伪类选择器 lvha

css引入

<link rel="stylesheet" href="./28.css">

@import导入CSS文件一定要放在第一行

内联： <div style="width:200px;height:200px;background:red;"></div>

HTML标签的STYLE标签里

css初始化

taobao.com 的css初始化代码 index-min.cs

雅虎.. sina .. tencent..

html5 新标签  

<a href="http://www.baidu.com"> biaoqian </a>

target属性  target="_blank"

锚点  地址栏 ： 38.html#q3

<h2 id="q3">住宿情况</h2>  html5用id当锚点

<a name="q3"> <h2>住宿情况</h2> 老式