zoukankan      html  css  js  c++  java
  • 网页前端技巧

    做前端开发的时候,通常都是由美工设计好相应的PSD,做好特效说明后交由到前端手中,然后再转换为网页。

    经验一:重置设置

    网页设计的时候,不同浏览器对标签的定义不同,所以一般前端在设计之初通常都会对网页中的标签属性进行重置。

    常见的重置CSS:http://www.cnblogs.com/Seanit/p/4435959.html 

    经验二:宽屏PSD效果

    目前,很多的美工设计PSD的时候,采用的是1920px的宽度。为什么?因为很多网页要考虑到宽屏的显示效果。所以在设计的时候通长会做一些的设置

    第一步:设置一个wrap 的div来包括所有的div,用于设置最长宽度和最小宽度

    第二步,添加一个warp_bg的div来设置页面的背景色和背景图片的。
     
    第三步,添加一个mian的div来存放其他的内容div,然后居中
     
    如此一来所有的内容就能够居中显示,页面也能在小屏上正常显示,当在大屏上显示的时候,拉伸部分其实显示的是warp_bg 显示的图片和背景色。
     
    最后,查看宽屏效果可以通过谷歌浏览器的插件来查看
  • 相关阅读:
    UVA 10056 What is the Probability ?
    Reporting Services Report 带参数
    頁面刷新後,滾動條位置保持不變
    use this as the default and do not ask again
    JQuery Tab 滑动们导航菜单效果
    poj3256
    poj2060
    poj3280
    poj3261
    poj2135
  • 原文地址:https://www.cnblogs.com/Seanit/p/4448959.html
Copyright © 2011-2022 走看看