如:
html, body, div, span,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
img, ins, kbd, q, s, samp,
small, strike, strong,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0
padding: 0
border: 0
outline: 0
font-size: 100%
vertical-align: baselinebaseline
background: transparent
}
body {
line-height: 1
}
ol, ul {
list-style: none
}
blockquote, q {
quotes: none
}
blockquote:before, blockquote:after,
q:before, q:after {
content: ''
content: none
}
table {
border-collapse: collapse
border-spacing: 0
}
软件方面:Dreamweaver 8:不多说了。DW CS3以上我没用过,从入手到现在一直用8,可能功能不如高版本,但所有人不得不承认很经典,而且系统配置要求不高。
Photoshop:网站制作前一般都会PS页面,就是图片,然后定型后再写Html静态页,所以PS也要了解一些。如果你是新手,PS至少要懂得如何使用切片工具切片,如何查看选择元素的长宽等。这些在CSS定义样式也会用到。
firefox 3:这里主要用到firefox的组件 firebug (“工具”--“附加组件”--搜索“firebug”,安装以后,在页面右下角有一个甲虫图标,点击启动firebug)。firebug是网页开发辅助工具,虽然IE8,谷歌等浏览器都附带有类似功能的工具,但这个也是因为个人原因,我习惯用firefox,用它可以查看页面布局等。
浏览器:IE6 IE7 IE8 firefox3 还包括 opera Safari 谷歌(好像谷歌浏览器和safari用的一个核心,但谷歌明显兼容性没safari好,可能新出的原因吧)等,保证不同浏览器兼容性。慢慢研究吧。
知识方面:
html:刚开始你只要了解不同的标签用途,可以别管标签的嵌套规范,学太多学不过来的,可以多看看其他网站是怎么做的。就用firebug看。
CSS:css语法不难,相对来讲css 不同浏览器hack比较难 你要兼容浏览器 就不可避免去针对某个浏览器定义样式。比如*padding:0px 加了*那么IE6 ie7认识。(合理的页面布局写法会避免hack的产生,这就靠经验了。)
你可以百度google一下 CSS HACK 会有整理大全的 我就不多列举了。
进阶学习:
等这些都弄熟了,想往高级的前端开发走,那么你可以学习JavaScript和flash方面的知识。
JavaScript:推荐学习jQuery。jQuery是非常优秀的前端开发语言,我一直在用,而且每次用jQuery写出绚丽的效果,自己都很开心。很有成就感。
flash:不多说了,flash做出来的网站,确实很绚丽,不过相比js之下flash还是有很多类似于兼容性,插件,seo优化,搜索引擎等的问题,动态网站得多学一门actionsript的flash脚本,我以前搞过,后来发现太麻烦,现在就用jquery了。但经常网站会有局部需要插入flash的广告,导航等,所以你要了解一下flash。
经验是积累的,熟能生巧。