HTML+CSS 整站步骤

文件夹管理：

CSS

img

font

html

根据设计图，划分区块，即页面布局

重置样式

根据自己的需要，对浏览器的默认样式进行了一些重置。但要注意物极必反，因此，有用到的标签才需要进行重置。

//避免这样的重置

*{ margin:0;padding:0;}

写main.css

注意：1 距离尽量使用偶数，避免奇数

2 在使用定位position时，确定定位是相对于父级还是相对document，若相对于父级，请先给父级加上相对定位

3 切图，icon 根据需要拼接为一张图

HTML+CSS完成后，检查兼容性

主要兼容：谷歌，火狐，苹果，IE（IE根据需求兼容IE6-最新版本）

静态界面写到这里就算告一段落了！接下来，写JS

如何在一个网站或者一个页面，去书写你的JS代码？

1 JS的分层（功能）：jquery(tools) 组件(ui) 应用（app) 有兴趣的可以去深入的了解mvc(backboneIS)

2 JS的规划（管理）：避免全局变量和方法（命名空间，闭包，面向对象），模块化（seaJS,requireJS)

转载于:https://www.cnblogs.com/jill1231/p/5218261.html

HTML+CSS 整站步骤相关推荐

整站SEO优化需要怎么做?SEO整站优化的思路及步骤
整站SEO优化需要怎么做?整站SEO优化为使网站全体各各细节到达很优的作用,不扔掉任何有关于网站事务的长尾要害词,高掩盖方针客户集体,有层次的定位网站要害词. 和要害词排名不同的时,单纯地进犯几个要害 ...
视频教程-线上培训上课实录整站设计制作开发全能培训-HTML5/CSS
线上培训上课实录整站设计制作开发全能培训粉丝已经近2万人.传课网业余讲师. 彭亮 ¥39.00 立即订阅扫码下载「CSDN程序员学院APP」,1000+技术好课免费看 APP订阅课程,领取优惠,最 ...
62套儿童行业响应式Html5儿童慈善机构网站模板儿童公益组织企业官网模板儿童慈善CSS模板下载婴儿树儿童健康食品整站模板html5网页静态模板Bootstrap扁平化网站源码css3手机seo自适响
62套儿童行业响应式Html5儿童慈善机构网站模板儿童公益组织企业官网模板儿童慈善CSS模板下载婴儿树儿童健康食品整站模板html5网页静态模板Bootstrap扁平化网站源码css3手机seo自适响 ...
HTML5期末大作业：在线音乐网站设计——简洁bootstrap响应式社交音乐网站模板html整站(38页) HTML+CSS+JavaScript
HTML5期末大作业:在线音乐网站设计--简洁bootstrap响应式社交音乐网站模板html整站(38页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与 ...
最新ie图标变灰css,css+js整站变灰（兼容IE7+）
原标题:css+js整站变灰(兼容IE7+) 历年大型地震等自然灾害来临过后,各大网站整站都变成灰色以悼念逝去的生命,那么这种整站变灰的效果是怎么做到的? 重写一套css?NO,即便你有这个时间重写, ...
html网页设计期末大作业_HTML+CSS+JS网页设计期末课程大作业——橙色的素材火资源整站(25页)
html网页设计期末大作业_HTML+CSS+JS网页设计期末课程大作业--橙色的素材火资源整站(25页) 常见网页设计作业题材有个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电器. 茶叶 ...
html怎么让图片变灰色,利用CSS设置图片黑白/灰色效果，同时适用于整站变灰
写页面的时候由于页面风格原因,可能需要图片变灰色,如果用图片处理软件的话可能会比较麻烦,而且会增加图片的数量,不利于资源的合理利用. 下面提供两种方法: 1.使用CSS的 filter: gray; ...
如何对网站进行seo优化？seo整站优化的步骤流程介绍
说到seo优化,可能多数人想到的都是seo关键词优化,那么什么是seo整站优化呢?seo整站优化是干嘛的呢?seo整站优化有哪几个步骤呢? 1.seo整站优化是干嘛的? 整站优化是网站SEO优化的应用 ...
天猫整站Springboot 从零开始搭建（四(2，3)）——后台分类管理功能开发
3 后台分类管理 3.1概述到这里就开始讲解功能开发了. 开发整站的顺序,通常来说还是按照依赖性来进行,前端需要的数据,都要先通过后台的功能维护在数据库中,才可以拿到. 所以,先进行后台功能的开发, ...

HTML+CSS 整站步骤

HTML+CSS 整站步骤相关推荐

最新文章

热门文章

HTML+CSS 整站 步骤

HTML+CSS 整站 步骤相关推荐

最新文章

热门文章

HTML+CSS 整站步骤

HTML+CSS 整站步骤相关推荐