`

做页面技巧

阅读更多

一、做页面前要干的几件事:

  • 先写好骨架(即:html)
  • 切图(能用css就不用图片)
  • 确定整体几种颜色,链接的颜色(点击前后,hover时)
  • 根据需求定好宽度,是否要overflow:hidden;
  • 再美化(即css)

二、注意事项

  • 尽量用margin定位,不用浮动和绝对,为后续重构做准备
  • 尽量用base.css里面的样式,没有再单定义
  • 设宽时,最好用百分比,适应性比较器
  • 一般不用id,都用class,id留给js
  • 命名要简单易懂,注意相同模块的复用,尽量减少代码

 

 

 

分享到:
评论

相关推荐

    ASP.NET跨页面传值技巧

    以下将详细介绍几种常用的ASP.NET跨页面传值技巧。 1. **使用QueryString变量**: QueryString是通过URL参数来传递数据的方式。在a.aspx页面上,可以将Label1的文本内容添加到URL中,然后通过Response.Redirect...

    退出页面自动清除session技巧

    ### 退出页面自动清除session技巧 在Web应用开发过程中,管理用户会话是十分重要的一个环节。Session机制作为实现用户状态跟踪的一种手段,在各种应用场景中都扮演着关键角色。但是,如何有效地管理并适时地清除...

    ASPNET跨页面传值技巧

    本文将深入探讨几种ASP.NET跨页面传值的技术,以及如何在实际项目中应用这些技巧。 1. QueryString参数传递: 最简单也最常见的跨页面传值方式是通过URL的QueryString来实现。在源页面上,可以通过Response....

    网站首页页面的制作技巧分享.pdf

    网站首页页面的制作技巧分享 一、网站首页页面的制作技巧分享概述 本文将分享网站首页页面的制作技巧,旨在帮助网站开发者和 SEO 工程师提高网站的用户体验和搜索引擎优化效果。文章从网站首页页面的设计和优化几...

    网站首页页面的制作技巧分享.docx

    网站首页页面的制作技巧分享 在本资源中,小艾分享了网站首页页面的制作技巧,包括栏目页面的优化方案、网站头部设计、页面设计、站内链接控制、友情链接控制和技术优化等方面的内容。 一、栏目页面的优化方案 ...

    PPT与页面设计技巧

    结合PPT的页面设计、软件产品的页面设计,讲述了这两方面共同的设计技巧,本文主要集中在字体、排版方面的技巧。

    高端大气的网站,这些网页设计技巧一定少不了!

    1. **页面大小的合理设计**:页面的大小应考虑显示器的分辨率,通常页面尺寸与分辨率成正比。同时,浏览器的工具栏状态会影响实际显示的页面大小。设计师需要确保主要内容在打开页面时就能被用户看到,页面长度建议...

    SEO撰写页面标题的7个技巧

    这样做的好处在于能够让用户清楚地了解到当前页面在网站中的位置,同时也方便搜索引擎理解网站的整体结构,从而提高索引效率。 #### 技巧七:保持自然流畅的语言风格 尽管优化标题以满足搜索引擎的要求非常重要,...

    ASP.NET页面传值技巧

    ASP.NET 页面传值技巧是开发 ASP.NET 应用程序时常用的技术,用于在不同页面间传递数据。这里介绍两种常见的页面传值方法:通过 `Response` 和 `Request.QueryString` 以及通过 `Session`。 1. **通过 `Response` ...

    单窗口多页面Maxthon傲游浏览器实用技巧四则

    Maxthon作为一款单窗口多页面浏览器工具,具有占用系统资源少、浏览速度快等优点,本文介绍了Maxthon浏览器的实用技巧。

    myeclipse小技巧 jsp页面支持泛型

    ### MyEclipse小技巧:使JSP页面支持泛型 #### 背景与概述 在Web开发过程中,为了提高代码的复用性和灵活性,Java引入了泛型机制。但在默认情况下,JSP页面并不直接支持Java泛型,这可能会导致在编写含有泛型的...

    easyUi弹出window窗口传值与调用父页面的方法,子页面给父页面赋值

    综上所述,EasyUI弹出窗口的传值与调用父页面方法涉及到前端页面交互的基本技术,理解并熟练掌握这些技巧对于前端开发者来说至关重要。通过正确使用这些方法,可以有效地实现页面间的数据流动和功能协同,提升用户...

    顶级SEO单页面一周一万ip技巧解密

    标题与描述中的“顶级SEO单页面一周一万ip技巧解密”揭示了在搜索引擎优化(SEO)领域内,如何通过特定策略使单个网页在短时间内吸引大量访问量的技术秘密。这不仅是SEO专业人士梦寐以求的目标,也是提升网站流量、...

    内存的优化技巧之调整页面文件.docx

    以下是关于内存优化的一些技巧,主要集中在调整页面文件。 首先,调整页面文件的位置。RCN页面文件的位置优化是为了减少磁头在硬盘上的移动,提高数据读取效率。如果页面文件分布在不同磁盘区域,会导致磁头频繁...

    用Dreamweaver建立框架页面

    6. 框架页面的设计和开发:本实验通过建立框架页面,掌握框架页面的设计和开发方法和技巧。 7. 框架属性的设置:本实验通过设置框架的属性,掌握框架属性的设置方法和技巧。 8. 框架编辑窗口的操作:本实验通过...

    UE5编辑器页面布局定制:深入指南与实战技巧

    本文将详细介绍如何在UE5中定制编辑器页面布局,包括基本操作、高级布局技巧,以及如何通过代码实现自定义布局。 通过本文的介绍,你应该已经掌握了UE5编辑器页面布局定制的基本方法和一些高级技巧。从基本的面板...

    用JavaScript获取页面上被选中的文字的技巧.html

    html用JavaScript获取页面上被选中的文字的技巧

    iframe父页面与子页面通信及相互调用方法

    在网页开发中,`iframe`(Inline Frame)是一种嵌入其他HTML文档的元素,它允许...理解并熟练掌握这些技巧对于开发复杂的Web应用至关重要。通过合理的API使用和安全措施,我们可以构建出高效且安全的`iframe`通信系统。

Global site tag (gtag.js) - Google Analytics