好几天没更新博客了,刚实战完一个HTML+CSS的简单项目。经过几天的摸索,发现收益良多。之前只是单纯得写demo,看知识点,没有亲自实战项目。但实战过后才会了解,如何才能更好地提升自己的技术。针对这次项目开发,我总结了以下内容:

一、技术总结

1、公共样式的设定

在开始项目之前,我们可以先大体了解一下项目中每个页面的内容,比如字体样式,段落结构,文字大小等。我们可以针对这些内容来设定一个固定的样式文件。在开发中    就可以直接引入此文件,而无需再重复敲CSS代码。

CSS Code复制内容到剪贴板

/*基本样式*/

* {

margin:0;

padding:0;

}

body {

font-family:"微软雅黑";

}

.clear{/*清除两边浮动*/

clear:both;

}

.fl {/*清除左浮动*/

float:left;

}

.fr {/*清除右浮动*/

float:rightright;

}

a {/*去掉链接的默认下划线*/

text-decoration:none;

}

li {/*去掉列表默认样式*/

list-style:none;

}

需要用到时就直接在类名后加上所要用到的类名即可:

XML/HTML Code复制内容到剪贴板

html设计有项目的页面,HTML+CSS项目开发经验总结(推荐)相关推荐

  1. web前端实训大作业:餐饮网站设计——美食城(7个页面) HTML+CSS+JavaScript

    web前端实训大作业:餐饮网站设计--美食城(5个页面) HTML+CSS+JavaScript 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手?网页要 ...

  2. HTML5期末大作业:中国传统节日网页设计——端午节(9个页面) HTML+CSS+JavaScript 节日网页HTML代码 学生网页课程设计期末作业下载...

    HTML5期末大作业:中国传统节日网站设计--端午节(9个页面) HTML+CSS+JavaScript 节日网页HTML代码 学生网页课程设计期末作业下载 临近期末, 你还在为HTML网页设计结课作 ...

  3. HTML5期末大作业:个人网站设计——拾艺客个人设计工作室(6个页面) HTML+CSS+JavaScript...

    ​ 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手?网页要求的总数量太多?没有合适的模板?等等一系列问题.你想要解决的问题,在这篇博文中基本都能满足你的 ...

  4. DW静态网页设计与制作 JavaScript大作业 HTML静态网页作业——海贼王主题网页设计制作6个页面(HTML+CSS)

    HTML静态网页作业--海贼王主题网页设计制作6个页面(HTML+CSS) 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手?网页要求的总数量太多?没有合 ...

  5. HTML5期末大作业:中国传统节日网页设计——端午节(9个页面) HTML+CSS+JavaScript 节日网页HTML代码 学生网页课程设计期末作业下载

    HTML5期末大作业:中国传统节日网站设计--端午节(9个页面) HTML+CSS+JavaScript 节日网页HTML代码 学生网页课程设计期末作业下载 临近期末, 你还在为HTML网页设计结课作 ...

  6. HTML期末大作业~个人图片资源网页设计共5个页面(HTML+CSS+JavaScript)

    HTML期末大作业~制作个人图片资源网页5个页面(HTML+CSS+JavaScript) 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手?网页要求的总 ...

  7. web网页设计期末课程大作业——汉中印象旅游景点介绍网页设计与实现19页面HTML+CSS+JavaScript

  8. 304 vue 启动项目打开页面_Vue搭建项目工程(续)

    第一步: 继上次的vue搭建工程项目,使用的是DOS窗体命令行方式来搭建,今天就在介绍另一种搭建工程的方式,在介绍之前还得强调你必须搭建好上次需要开发用到环境,比如需要安装node.js 和vue.j ...

  9. web前端期末大作业 html+css+javascript 酒庄网页设计实例(5个页面)~学生网页设计制作...

    web前端期末大作业 html+css+javascript 酒庄网页设计实例(5个页面)~学生网页设计制作 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从 ...

最新文章

  1. 底部固定菜单_捡起一只妲己团团,附送一个同校固定队友!还有这种好事?
  2. 管理输入光标的 WIN32 API 函数
  3. Qt动画框架The Animation Framework
  4. 普通程序员如何用1年时间获取3年成长?
  5. python经典项目实战_2个Python入门级的实战项目
  6. 脚本安装smokeping
  7. Sharepoint学习笔记 –架构系列—11 Sharepoint的服务器端对象模型(Server Object Model) 3.服务层次结构
  8. JavaScript onmouseup 事件
  9. 28 SD配置-主数据-信用管理-定义信贷组
  10. MySQL 8.0.16安装(win64)
  11. Leetcode每日一题:31.next-permutation(下一个全排列)
  12. MOSSE跟踪算法源码解析
  13. python日历代码_python日历代码
  14. 深入理解Spring----PostConstruct和PreDestroy
  15. 软考-中级-网络工程师-笔记-第1章-计算机网络概论
  16. crosscheck archivelog all;crosscheck backup of区别
  17. python敲七游戏代码_酒桌上的游戏
  18. 国资优选安全正规:个人理财方案与家庭理财方案有区别吗?
  19. HTML 通过GIF实现loading动画(非进度条版)。
  20. [SAP-MDM]MDM的基本概念--主数据管理详解

热门文章

  1. gulp plugins
  2. c++ char*初始化_嵌入式C的这些高级用法你都会了吗?
  3. cmake之TEST与TEST_F用法(五)
  4. 证明: 1/x = a^(-1)
  5. LD_PRELOAD用法总结
  6. Clojure 学习入门(3)- 数字类型
  7. vlc之d3d渲染流程
  8. tcp转串口_单路RS232/422/485串口服务器产品介绍
  9. 修改mysql默认字符集为latin1_修改MYSQL默认编码为UTF8
  10. linux python安装pip_linux安装pip2.7