一、建立站点
“站点” 相当于本地文件夹的根目录;
项目目录:HTML5
基础文件夹
css(存放样式表达式);例如:common.css、main.css、 normalize.css
images(存放图片);例如:logo.png、banner.jpg
js(存放JS);例如:banner.js、swiper.js、jquery.js
font(存放字体包);例如:iconfont、 Font Awesome
二、认识HTML标签
<!DOCTYPE html>:说明文件档类型
:文档头部
:文档编码类型;UTF-8:国际通用语言、GB2312:中文
:内容区域;即要显示在网页上的内容,全部放在body标签里面
:网站标题
三、必须的meta标签
项目描述:
搜索关键字:
标题:
项目标签图标:
四、IE浏览器的渲染
告诉IE浏览器,无论是否用DTD声明文档标准,IE8/9都会以IE7引擎来渲染页面。
告诉IE浏览器,IE8/9都会以IE8引擎来渲染页面。
告诉IE浏览器,IE8/9及以后的版本都会以最高版本IE来渲染页面。
强制 IE 使用 Chrome Frame 渲染
最佳的兼容模式方案
五、重置浏览器默认样式
1、base.css
很久很久以前一直用着,用法很暴力,直接把浏览器的绝大部分默认给清理掉了。这个已经是过去式,没什么好说
这个没找到官网,可以看看文件是什么样的。看看就好
提供文件下载地址:网盘课件已提供下载
2、reset.css
升到了2.0版本,因为是HTML5时代了,样式包含了HTML5标签的重置默认样式。
官网地址:https://meyerweb.com/eric/tools/css/reset/
3、normalize.css
一种现代的,HTML5就绪的CSS重置替代方案。怎么说,意思就是比reset.css的方案优化了一些更好的样式。
相比于传统的CSS reset,Normalize.css是一种现代的、为HTML5准备的优质替代方案。Normalize.css现在已经被用于Twitter Bootstrap、HTML5 Boilerplate、GOV.UK、Rdio、CSS Tricks 以及许许多多其他框架、工具和网站上。
官网地址:http://necolas.github.io/normalize.css/