了解CSS之前需要学习什么?

html-css017

了解CSS之前需要学习什么?,第1张

CSS(层叠样式表) HTML是网页前台语言. DIV是网页布局的一种方式. 网页布局目前我所知一共有3种, 框架 表格 DIV DIV是最复杂的,也是现在的潮流,前两者现在不常用. HTML是所有前台制作的基础,至于你要记住什么命令么..? 当然是记所有,想偷懒是不行了. 比如 你浏览网页的时候, 右键——V 查看源代码, 里面就是HTML静态页面代码啦. 期待追问.

先将样式 初始化来保证样式的兼容性

如:

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。

经验是积累的,熟能生巧。