地址: 上海市静安区共和新路4718弄10号楼2楼
热线:400-166-3538
电话:19301461038
邮箱:sales@shyuanzhen.cn
在使用CSS建站时,您肯定遇到过形形色色的布局问题,最后可能被搞得焦头烂额。本文的目的是让您的设计过程更为容易,当您遇到困难时为您提供快速参考。
有疑问,先验证
在调试时,先对您的代码进行验证往往能省去不少麻烦事。格式不正确的XHTML/CSS 会导致许多布局上的错误。
在其他浏览器中进行测试之前,请先在最先进的浏览器中撰写和测试CSS代码,而不是相反。
如果您在破旧的浏览器中编写和测试,你的代码就不得不依赖那个破旧浏览器的糟糕的显示,然后在符合标准的浏览器中进行测试,看到显示结果“不正常”时,你会很沮丧的。相反,您应该先将您的代码完善,然后再设法为较低级的浏览器打算。这样从一开始您的代码就是符合标准的,你不必再为支持其他浏览器而劳心费神。当然了,目前遵从标准的浏览器无疑就是 Mozilla, Safari 或 Opera。
确保您期望的效果确实存在
许多特定的浏览器专有的CSS扩展在正式标准中并不存在。 如果您对 filter(滤镜) 或滚动条指定了样式,那么您就用了私有代码,除了IE之外,在别的浏览器中毫无作用。如果验证器告诉您代码没有定义,极有可能您用了私有样式,这样在不同的浏览器中很难达到一致的效果。
如果布局中一定要用浮动对象,别忘了适时使用清除(clear)属性。
浮动对象似易实难,而且不总是令人如愿以偿。如果您发现浮动对象伸出了容器的边界,或者不像您所期望的那样显示,请检查您的期望是否正确。关于这个问题请看Eric Meyer的教程
边距的合并:可用padding 或 border 来避免。
您可能被多余的(或者想要却不出现的)空白搞得焦头烂额。如果您用了 margins,边距的合并可能就是问题的根源。 Andy Budd 对此的解释可能为你解惑。
避免将 padding/border 和固定宽度同时应用到同一元素。
IE5 的区块模型是错误的,是它把事情办坏了。对此也有权宜之计,不过最好是绕过这个问题,当子元素的宽度固定时,为父元素指定padding。
避免IE下未指定样式内容的闪烁。
如果您仅仅靠 @import 来输入外部样式表,早晚您会发现IE有“闪烁”的毛病。在应用CSS样式之前,未经格式化的HTML文本会短暂地出现。这是可以避免的。
别指望 min-width 在IE中有用。
IE不支持它,但是它将 width 当作 min-width,所以通过一些 IE 的过滤技巧(filtering),可以实现同样的最终效果。
把CSS过滤器(filters)当作最后的手段
CSS 技巧和过滤器可以使您有选择地应用到(或者不应用到)某些元素。应当尽可能地找到标准的跨浏览器的解决办法来实现您想要的效果,而不是动不动就使用过滤器。要将它当成走投无路时的救命手段。在这里可以找到大量的CSS 过滤技巧。[译注:不要把这里的filters和IE中的滤镜混淆。由于各个浏览器对CSS标准的支持程度不一,人们找到了许多技巧,将浏览器无法解释或错误解释的样式表或规则屏蔽掉。这就是所谓的CSS过滤器或技巧。webjx.com
如果使用了锚点,在应用超链接样式时要特别小心。
如果您在代码中使用了传统的锚点(),您会注意到 :hover 和 :active伪类也会作用于它。要避免这种情形,你可以使用 id,或者使用鲜为人知的语法: :link:hover, :link:active
通常建网站的思路会包含:策划、设计、推广运营等,一般的企业建网站是想通过网站达到开展网络宣传的目的,实现电商的目的。通过了解项目用户的宣传策略,使企业以最小的网站投入,超越同行竞争对手,获得更有效的市场回报,网站作为互联网宣传的起点,思路的严谨性、实用性将直接影响到网站的效果。以用户需求为网站导向,结合自身的想法与要求,在满足公司不同阶段的战略目标的基础上,制定阶段性的网站规划思路,那么都有哪些与众不同的建网站思路呢。
那些与众不同的建网站思路
建网站的宣传思路:主要工作包含项目可行性分析、同行竞争对手分析、网络产品思路、网络获利思路、设计网站思路、卖点思路、网络推广思路,最后综合为一套专业的网站宣传思路。
网站在技术方面的可行性分析,就是根据现有的技术条件,分析企业的目标、要求能否达到,以及所采用的技术方案是不是具有一定的先进性。建网站在技术上的可行性可以从硬件的性能要求、程序的性能要求等几个方面去思考。
在浏览量方面的思路,不论网站内容怎样丰富,网页设计怎样精致,但不能有较高浏览量这个网站还是失败的。怎样能让更多的人知道并访问您的公司网站呢,也就是怎样在网络上宣传自己的企业呢?首先应该理出一套网站的推广方案,并将一些推广方法计划性地规划重组。一方面是客户自己宣传网站,如通过名片,印刷品等打上网址。另外一个方面,通过网络上的电子宣传,如搜索引擎、友情链接、邮件宣传等。
公司在自己建网站中一定要尽量多明白些信息,多做些比较,审查他们所提交的网站方案。做网站实际上并不是一个省事的工作,怎样站在企业的角度去规划、营造一个实用的网站,投入与网站功能相配套的效果,需要用户与设计企业或专业人员仔细研究,要知道自己想做什么网站,目标又是什么,不要说要做个网站,就随随意便做了个网站,那样是没用的,等于没做,我们要思考以后的问题,举一个简单的例子,现在随意做个网站,到时候想做SEO优化的话能行吗,关键词能上去吗,那还不是得重做,因此要做深远的考虑!
最后要淡会细心倾听,倾听是为了收集信息,把握现有情况,收集网站用户的想法。一些网站用户的个人想法,例如对产品的认识规划及对产品的希望、背景、对于现有思路的意见等,这些都是存在在网站用户的脑海中,设计师应该努力将这些信息都可视化,这些因素对建网站将会有很大的启迪和灵感激发。以此思路来建设出与众不同的网站。
• 免费热线:400-166-3538 • 咨询电话:19301461038 • 咨询QQ :63778992 • 微信咨询 : chunhua19820 | 公司名称:上海缘震网络科技有限公司 开户银行:中国工商银行上海市彭浦支行 银行账号:1001 2508 0930 0206 455 |
总部:上海市奉贤区金海公路6055号29号3楼 分部:上海市静安区共和新路4718弄10号楼2楼 商务官网:www.shyuanzhen.cn 彦蓁科技:www.shyanzhen.cn | 缘震网络成立于 2014 年,公司主要经营全案策划,高端品质网站建设、多媒体视频宣传片制作、微信公众号开发、微信小程序开发、商城定制、SEO优化、电商托管、空间托管、网站维护、应用软件开发、手机端APP开发、等为客户提供一条龙网络运营解决方案的的技术型企业。我们在人力资源、业务范围、设计、技术、服务、信誉度、规范管理及企业文化等诸多方面完善自己,公司目前已与千余家各类客户进行长期战略合作,提供专业的网站建设与运营服务。我们的口号:广结良缘、震古烁今! |