全国服务热线:18980020603 成都热线:028-86633922
新闻中心网站专题联系我们
行业新闻 建站经验 网站建设资讯 手机网站资讯 微信网站建设资讯 APP开发资讯 商城网站资讯

成都网站制作:网站建设对样式的使用几点TIPS

发布人:桔子科技    发布时间:2015-09-08 08:58:14    分享到:
1,ul方面的问题:默认的ul的margin和padding不是0,如果在导航中用到了左浮动的li,往往会把外部的div撑大,导致页面变形,这就需要我们在写代码的时候不要忘记 ul{margin:0px; padding:0px;}

2,img方面的问题:这里牵涉的不同浏览器的问题,ie6是一直让网页设计师最头疼的一个问题,关于图片,这里有一个小小的问题,有时ie6里显示的图片height总是要大于准确值,这里就需要我们记住下面这一点 img{ display:block}

3,overflow方面问题:有时我们会看到,一些公司的注册协议都是好长好长的,但又不能把页面拉的太长,这就用到了overflow,我们可以把div的style里加上这个:overflow:auto

4,小窗口弹出的问题:当我们点击某个按钮,可能会看到一个小窗口弹出,而窗口其它的部分都变了灰色,这是怎么实现的呢,其实很简单div+css就可以实现:
css部分:
.black_overlay
{
display: none;
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: black;
z-index: 1001;
-moz-opacity: 0.8;
opacity: .80;
filter: alpha(opacity=50);
}
.white_content
{
display: none;
position: absolute;
top:20%;
left: 30%;
width:outo;
background-color: white;
z-index: 1002;
overflow: auto;

}

.white_content2
{
display: none;
position: absolute;
top: 20%;
left: 18%;
width:896px;
background-color: white;
z-index: 1002;
overflow: auto;
text-align: center;
}
.qpshcom
{

background-color: #efefef;
color: #666666;
border-width: 1px;
border-color: #cccccc;
border-style: solid;
margin: 6px;
padding: 6px;
font-size: 14px;
line-height: 200%;
float: midden;
}
div部分:

打开按钮部分:onclick="document.getElementById

('light').style.display='block';document.getElementById('fade').style.display='block'"
关闭按钮部分:onclick="document.getElementById

('light').style.display='none';document.getElementById('fade').style.display='none'"

4,关于float的问题:有时候一些div会挤到页面的上方,把页面挤破掉,这里可能就是浮动引起的,这时候我们就用到了这个:clear:both,很不错的解决方法,不妨一试。

5,height等于1px的div,在ie6中可能并不是1px,那怎么解决呢?不妨试一下:在这个div的style里加上font-size:1px;这样就ok了。

6,下面再说一下id和class的问题:当一个div要在页面中多次使用时,不要用id,要用class,还有就是要用引用js的时候,样式最好不要用id,因为id要留给js使用,当程序员写后台用的是.net时,最好不用id,id要留给程序员用,前台我们就用class好了。

7,还是img问题,页面中最好不要用大块背景,能平铺的要平铺,否则加载起来会很慢,也不利于以后的优化和扩展,当然也有些大的网站,现在都尽量把背景统一放到一张图片上,用background-postion来取得背景,这样其实也好,背景虽然大了点,但只需统一加载一次,就ok了,速度也不会太慢,可以好好学习一下。

8,img的格式问题:最好的格式就是gif格式,即确保了背景透明,在ie6中又不会有阴影,有时gif图片会有锯齿,这就需要我们保存成web格式,设置一下matter,matter的值用背景颜色的值越相近越好。
本文来源于成都网站建设公司、成都网站设计制作公司与成都APP开发公司-桔子科技公司!
成都网站建设,成都网站设计,成都网站制作,成都网页设计,成都网站建设公司 ,成都网站设计公司, 成都网站制作公司,成都网页设计公司,成都手机网站建设,手机网站建设,成都APP开发,APP开发,成都建网站,成都做网站,成都商城网站建设,集团网站建设,网站建设,高端网站建设,品牌网站建设,成都平台网站建设,成都响应式网站建设,成都微信网站建设,成都微商城网站建设,成都微信营销,成都网络公司。

下一篇:成都网站制作:建设成功的网站具体步骤上一篇:成都网站制作:地方旅游网站建设要点分析

最新案例
手机/微网站
  1. [成都]微信网站建设:微信分销系统能为商铺带来哪些特色服务
  2. [成都]微信网站建设:如何通过微信公众号来推广产品
  3. [成都]微信网站建设:微信开发都有些什么功能
  4. [成都]手机网站:手机网站设计需要达到什么效果
  5. [成都]手机网站:手机网站响应式网站解决方案
  6. [成都]手机网站:手机网站响应式网站解决方案
网络营销
  1. APP开发: APP网页评分功能设计
  2. APP开发:手机APP开发前这4点必须要了解
  3. APP开发:为什么企业要做手机APP
  4. APP开发:你可以更好的留住APP用户
  5. APP开发:开发时间的长短主要由哪些因素决定
  6. APP开发:电子商务类APP开发的4点建议
img

7x24小时售后服务

img

5倍故障时长赔付

img

15天无理由退款

img

N对一管家服务

让我们的顾问联系您

  • 电话:4006-028-024 028-86633922

    邮箱:Service@orangeapp.cn

    成都市成华区崔家店路789号上城国际1-24-9号

qq sina