百葉博客 - Xhtml标准化

文章开头空两个字符 - Css样式

g_2007@qq.com (G.k) — Tue, 01 Dec 2009 14:18:51 +0800

以前文章开头中文习惯开头空两个字符的位置.
常见的方式是在文章开头加四个
[code=html] [/code]
现在有CSS样式可以实现.
[code=html]p{ text-indent:2em;}[/code]
这样就可以实现p里面的内容开头空两个中文字符位置.非常实用.可能有人早知道,但我做了这么多年的网页..今天才知道. -_-||

IE6.line-height属性失效.解决方法

g_2007@qq.com (G.k) — Fri, 10 Apr 2009 09:46:50 +0800

li{line-height:22px;}

li{line-height:1.65em;}

li{margin: (所属line-height-自身高度)/2px 0;vertical-align:middle;}

li{line-height:22px;height:22px;}

Div容器内图片和文字垂直居中

g_2007@qq.com (G.k) — Tue, 31 Mar 2009 17:10:18 +0800

Div容器内图文混排方法
有些朋友在做网站导航下面的横幅细条滚动公告的时候,插入的图片总是无法和滚动的字符垂直居中.
也就是Div容器内图片和文字垂直居中.
这个方法平常对于表单/按钮无法和文字垂直居中是一个道理.
如图:

其实这是因为元素定位的默认值问题.
这里的我的代码是:[code=html]

Div容器内图片和文字垂直居中Div容器内图片和文字垂直居中Div容器内图片和文字垂直居中Div容器内图片和文字垂直居中

[/code]

解决方法是设置img元素的浮动属性即可
也就是css
#gg img{float:left}
结果如图:

这个时候我们只需要微调marquee就可以解决实质问题.
例如给marquee加个行高即可.代码如下
#gg marquee{line-height:23px;}

浅谈网页设计的学习方法与网页设计美工前景

g_2007@qq.com (G.k) — Wed, 14 Jan 2009 12:12:47 +0800

如今网页设计属于一个很热门的技术了，同时也算是比较吃香的技术把，虽然懂的人很多，学的人也多，单身真正设计水平过硬的人可真的是很少，之前我们公司也是招聘过多次都没有找到很优秀的选手，在这里我像通过我二年的工作经验来谈谈新手如何快速找到自己的职业切入点，快速理解网页设计这个职业的要点，快速从一个学生过度到一个职业网页设计师的路。

进一步，网站技术分工越来越细。如果美工很不错，好好发展你的美工，如果你的CSS不错，快些精通吧，顺便把JS也学好，这样出去做个前端技术也不错，在大团队里，不需要你懂很多，但是一定专，最好是一专多能，这样的人才好就业呀，经验之谈，哈哈。

首先：肯定有很多人在学校里接触了点皮毛，但是懂的太少，学问很浅，为什么呢？因为在大学里你无法学到扎实的网页设计技术，没有好机器给你用，没有好老师教，也许很多教授连CSS都不是很熟悉，记得我读大学的时候我们学frontpage 的时候，我们做出来的网页一个个真的太丑陋不堪了，连一个CSS都没有，整个网页全是16号左右的大字，试问这样的东西如何拿出去见人，难道这个就是所说的大学老师理论扎实，实践经验少？不可能，在这样的教师的带领下，如何普及网页设计知识呢？所以说学网页设计一定要靠自己。摆脱了大学，摆脱了教授，还有谁可以帮你提高呢？

给你三方面的信息给你，
1，可以去培训，培训的话去专业的培训机构，这样学的有保障，就专门学网页设计，其他不要学，学太多太杂不是好事，去培训虽然要花点钱，但是学的快，早学早就业，早就业早拿工资钱也在这里了，所以呢，做大事者要有魄力一点。

2：自学,在网上有很多网页设计类的教程，网易学院里面基本都是国内比较好的视频教程,视频教程的优点就是费用低甚至无需要任何费用就是免费的,和上课老师讲课一样，只不过你见不到他的真人,有视频,有声音,多好啊. 但是学的深度还是靠自己的定力了，现在网络上很多的视频教程，视频教程大多免费，自己搞台电脑在去百度里搜索下一些视频教程的资源，下载到硬盘就可以观看了，这个其实和去培训班培训效果类似，只不过没有那种学习氛围，所以要看自己的定力了，定力好，二个月就可以出去找工作了

3：找家小网络公司免费给人做学徒，当然要有一定的基础，可以帮忙做点事，在这样的环境下，你可以对互连网一些行业有一个亲密接触的认识，对你的设计有帮助的哈，还有，在做学徒的时候每天遇到什么问题，你记录下来，这样就知道那些东西该懂，该学，必须学会是吧，这样一边做学徒一边有了深入的认识自学起来有了方向，我相信很快可以入行的。我自己本人是通过短暂的培训后上岗的，遇到二位好老师，一个教PS一个教三剑客，学的还不错，上班后也一直坚持学新东西，比如div+css也是去年这个时候才开始学的，现在也算是较熟练了。学习无止境。各位朋友，如果你对网页设计的学习有什么疑问可以来我们网站留言

国外精致漂亮的活泼型鲜艳模板

g_2007@qq.com (G.k) — Sat, 10 Jan 2009 17:29:38 +0800

刚在蓝色论坛逛了一圈.找到了个提供网页模板的国外网站.可以明显的感觉的到国外的模板与我国及韩国的模板的一些差异.

在我国及韩国在颜色上的采样均以柔和匀称上出发.而国外的网站模板大多以非常光鲜的色彩来控制你眼球,大有进入后有一种眼前一亮的感觉.

当然,这样不多时就容易视觉疲劳.

CSS正常.网页顶部空白-ie7针对性问题

g_2007@qq.com (G.k) — Wed, 31 Dec 2008 12:01:30 +0800

首先这个问题是针对 ie7 .因为网站之前在非ie7的环境下测试的.

------------------------

今天出现个莫名其妙的问题.翻出以前做的一个网页.顶部出现空白

网页文件上 body "topmargin=0 marginheight=0" 都加上去了.css里面也写入了 body{margin:0;padding:0;}

我在想是不是我的div上面有margin-top;或者pangding-top; 于是全部加上去.效果不变.

做网页也有一年历史了..还今天突然发现这个问题.

一点一点的测试.从最先开始删除了声明语句:

删除后.发现终于正常了..但网页文字样式都失效了.

于是把目标还是定在css里面.删除申明文档.很明显.让一些css样式失效了.顶部空白问题才解决. 那么也就是说css里面的某一句造成了顶部空白问题.

在css里面逐步删除写笼统代码.因为鄙人写代码有个习惯.喜欢偷懒.

body{margin:0px;padding:0px;font-size:12px;}

li{list-style:none;}

div{overflow:hidden}

.dc{width:980px; margin:auto; margin-right:auto; margin-left:auto; overflow:hidden;}

.left{float:left;}

.right{float:right;}

把许多常用的伪类事先就都写好..当我删除div{overflow:hidden}.

一切都好了..你要问原因.我只能耸耸肩.因为我之前一直都是这样写的..唉..这个空白的问题恼了我几天了都..记载下来给自己提个醒.