声明：论坛言论仅代表网友个人观点，不代表超级大本营军事网站立场
Powered by Discuz &
超级大本营军事网站
(违法及不良信息举报电话：)
最具影响力中文军事论坛 - Most Influential Chinese Military Forum还没有任何记录...
作为一个好的web网页设计师借鉴好的网页设计作品是很有必要的，站在巨人的肩膀才能看的更远
个人超极喜欢这个颜色，看见跟这个颜色相关的一切都觉得好美！
html5招聘宣传页手机网站模板，这是个单页模板，上下滑动翻页，模板中也包含该左右滑动翻页实例，不管你是学习html5单页手机网站制作，还是拿来当做模板使用，都有很好的参考意义
佳丽摄影网站手机版静态html5模板，红色风格，列表页，内容页齐全，部分链接错误，不用太在意，这是一个静态的HTML5模板，如果你要使用的话，你还是要套程序的。
深蓝色模板bootstrap3.1响应式设计，多种屏幕尺寸设备显示效果都很好
心理咨询情感交流html5网站模板，跨屏设计响应式模板，其实模板的通用性很好，可以适合其他行业
黑色美容化妆企业站模板，banner图片配图很干净，干净漂亮的图片对于整个网站真的是很增色
适合相册/产品图片展示网站模板响应式式设计css3动画很赞，学习或者直接使用都很赞，推荐
团队介绍网站模板响应式设计
白色极简风格的团队展示型模板支持响应式多屏设备
jauery特效、jquery插件都属于建站素材资源
jquery倒计时按钮代码，常用于验证码倒计时按钮，代码效果就是点击按钮以后按钮上面会出现倒计时读数，倒计时的时间可以自行指定，按钮倒计时的格式有4中格式可选。
图片延时加载插件jquery.lazyload.js使用教程，网站图片过多，就会因加载图片而等待很长时间，此时我们就用到图片延时加载插件jquery.lazyload.js，此插件可以让我们向下滚动的时候加载图
webim框架【layim】一个纯前端webim插件，说纯前端也是有点扯淡，数据存储还是要服务支持的，layim目前是Web IM应用解决方案，致力于通过丰富的IM交互，及高度开放的接口，让其自由接入
文件拖拽上传插件dropzone.js，提供 AJAX 异步文件上传功能，支持拖拽文件上传、支持最大文件大小、支持设置文件类型、支持预览上传结果，不依赖jQuery库。
jquery 横向折叠插件lateral-fold，点击横向得选项卡，产生横向折叠展开的效果，也可以当做横向切换的选项卡使用。横向折叠插件核心样式
radialIndicator是一个轻量级的jquery圆形进度插件。它支持色彩范围,插值,格式,和更多的百分比值,很容易配置和更新，radialIndicator也可以不使用jquery，还有对angularJs的支持angular.radialIndicat
jq数字动画插件-jquery.animateNumber.js，可以实现数字的动画显示效果，比如从1跑到36500，从1%跑到100%类似这样的效果，数字动画效果控制多样，非常不错。
jquery插件icheck.js是一个用来美化checkbox和radio样式的插件，icheck提供了丰富的皮肤和回调事件，本文提供icheck api使用和实战演示
仿淘宝UED的左边导航，这个导航有跟随鼠标滑动导航效果，鼠标离开导航区域自动回到当前导航状态。
/*样式表文件来自 懒人css
下面是懒人css中的竖向导航菜单样
这个jquery弹出下拉菜单插件弹出层相对于自身的父层jquery特效弹出下拉菜单效果，考虑到不需要改动程序所以就利用原来的JS代码，用ajax的方式加载（以后只维护那个ajax加载的文件即可
jquery上下翻滚效果导航菜单，仿flash翻转效果的实现原理：使用jquery方法再a标签的内部前面插入一对span标签，然后对span标签设置样式。
jquery代码简洁明了，html结构简洁明了，这里只是随便写一下，jquery导航下拉菜单两级平滑下拉。调用代码: $.navlevel2("li.mainlevel",300); 只的是主菜单的标签
两级导航菜单树jquery插件特效调用方法：$.jq51menu(#menubox,div.submenu); 这里的#menubox 是主菜单的ID，div.submenu是子菜单的ID。两级导航菜单树的样式很丑陋，懒人建站嘛，俺够懒，就懒得写好
北京协和医院绿色下拉多级导航条，基于jquery导航菜单。有动感效果下拉菜单。
仿支付宝的黄色导航,纯HTML+CSS结构,划过超链接下拉菜单中带说明，利用了a:hover这个属性，代码很简单，很容易读懂。
仿京东商城左边分类导航菜单代码，纯DIV配合CSS实现的导航菜单代码，经调试兼容火狐、IE6、IE8等主流浏览器。
兼容各浏览器flash焦点幻灯片动画，网上有很多这个版本的提供下载，不过多少都有点问题，有的不兼容火狐，有的数据调用麻烦。懒人建站再这里把数据调用的地方做了些改动。
仿淘宝网首页上下翻滚的jquery图片切换特效，滚动方式为上下翻滚切换的焦点幻灯片特效，jquery.Slide.js已经被压缩不是原始的jquery文件，不过不影响使用和修改，完全可以自己重写部分
支持SWF和FLV视频格式的焦点图代码
2010最新的迅雷首页6屏轮换焦点图幻灯片JS网页特效代码，右边显示小图下面的代码主要是配置参数的。QQ群：42849
这个来自韩国服装网站上的自动轮换焦点图，这个焦点图网页特效也很好，不是flash焦点图。DD_belatedPNG.js是为了兼容IE6的PNG透明的
说他是有利于SEO的基于jquery焦点图网页特效代码，因为搜索引擎蜘蛛是不读JS 中的内容的，而这个jquery焦点图网页特效代码结构与代码绝对分离。
之所以说这个基于jquery焦点图幻灯片有利SEO，因为这段代码表现与结构完全分离，通常JS焦点图的图片列表都包含在JS中。而搜索爬虫不读JS。
仿淘宝商城首页焦点幻灯片，JS代码只有1.12K，超小，图片切换为淘宝商城的上下式切换。这个内容层中可以是任何内容。
jquery 横向折叠插件lateral-fold，点击横向得选项卡，产生横向折叠展开的效果，也可以当做横向切换的选项卡使用。横向折叠插件核心样式
代码简洁的滑动门（tab）jquery插件调用方法："#tabs",".tab_con" 这里的#tabs是jquery选项卡的链接按钮的外层ID，只要注意这两个地方调用就不会错。一个页面可以多次使用。
基于jquery的横向水平切换选项卡，此效果来自 ，代码已经做了最大的精简，只保留框架必须部分的HTML结构和样式。建议在固定宽度的情况下使用。特别是适合于流程性的栏目。
一个基于jquery的DIV横向水平左右折叠选项卡，默认显示第二个选项。
一个类似网易的排行榜tab选项卡特别版JS代码。div结构。
原雅虎（）首页的tab选项卡切换效果， 经测试 IE6、IE7、IE8、火狐 均兼容 正常。 div dl dt dd 结构。 效果如图： 说明： 样式中的 font: 12px/30px 宋体; 是一个样式缩写：字号/行高 字
灰色带图标的滑动门选项卡，DIV/UL/LI结构。代码简洁，结构明了。需要根据你自己的需要修改图片和样式。样式是仿的一个微软设计师网站上的样式。
只能自动切换的竖向选项卡代码，JS代码均有注释，不多哆嗦。
建议：自动切换的时间稍微长一点，不让切换太快不太好。
artdialog v6强大的模态对话框jquery插件api使用以及免费下载，artdialog v6版体积更小压缩版只有10K多点，功能更强，兼容到IE6以上，artdialog有弹出窗口、弹出层功能，还提供了各个方向的t
jquery弹出层插件推荐jquery.ColorBox有5种风格，jquery.ColorBox弹出层插件有丰富的参数配置，支持框架Iframe弹出层，支持jquery弹出层ajax方式加载。
jquery layer是layUI库的成员，jquery layer弹出层插件支持单击弹出，自动弹出，支持载入iframe，ajax载入，自定义弹出位置，有tip提示功能，太多太多功能还是看演示吧，layer弹出层插件压缩后
这个jquery弹出下拉菜单插件弹出层相对于自身的父层jquery特效弹出下拉菜单效果，考虑到不需要改动程序所以就利用原来的JS代码，用ajax的方式加载（以后只维护那个ajax加载的文件即可
基于jQuery弹出窗口插件特效AsyncBox-v1.2.6 这个jQuery弹出窗口插件特效AsyncBox是目前国内的jQuery弹出窗口插件特效中是比较优秀的一款。可以模拟出各种对话框，也可以引入网页文件，可在
基于jQuery弹出层插件thickbox，这是thickbox3.1版，需要jQuery支持，可以使用jquery-1.4.3.min.js这个文件比较新比较小。
这个网页特效是基于jquery的插件，可以实现划过或点击链接将加载一个提示页面，共有各种效果20种演示。
懒人建站发现淘宝客联盟右下角弹出层可记忆cookie可最小化可关闭，这个 网页特效由于记忆了cookie，所以当你刷新页面或者
建站素材一个免费的建站资源库，ps素材/图片素材等
这个动态小图标集合包括网页loading小图标和loading动画图片下载，网页制作中loading图片会用到，有一个好看的loadin动画图标给网站增色很多。
这是一组网页关闭(close)小图标，这些小图标是gif透明图标或者是png透明图标。有红色关闭图标，蓝色关闭图标、黄色关闭图标等。
收集的new小图标、很多是new动态图标gif格式，希望这些gif格式的new动态图标能在大家制作网站的时候能帮助到大家。
整理收集的静态hot小图标素材、hot动态图标素材、gif格式动态小图标等hot图标素材下载集合。懒人建站还会定期更新hot图标，敬请关注！
网页制作中经常会使用默认头像图片素材和建设discuz等论坛时候需要默认头像动态小图标素材，懒人建站这里收集的默认gif头像素材定期更新。
整理收集的推荐小图标素材、推荐图标素材gif动态小图标素材下载集合。懒人建站还会定期更新推荐网页小图标素材，敬请关注！
懒人建站收集的红色more按钮图标、蓝色more小图标、绿色more按钮图标形状的更多图标等，懒人定期更新more小图标，敬请关注！
懒人收集整理自网络的网页右下角返回顶部图标素材下载，返回顶部小图标素材定期更新，敬请关注！
淘宝促销图标大集合psd格式免费下载，淘宝店铺装修必不可少的高质量psd素材，设计师必备，小编使用后非常好用，这套PSD素材推荐给大家。希望大家喜欢，多多支持小站哦！
淘宝促销图标psd素材免费下载，高清psd红色风格，全免费不收任何费用。
英文复古字体系列retroRockPoster懒人建站整理 希望你喜欢
英文复古字体系列A_STRB。懒人建站整理。
甜甜私房猫图片和甜甜私房猫表情包免费下载，甜甜私房猫第二季，私房猫萌萌哒，
猥琐猫qq表情包下载，猥琐猫是一套猥琐猫qq表情，整套表情以“猫叔”为原型绘制的一套qq表情，形象猥琐所以网友戏称为猥琐猫qq表情，猫叔据说是一个日本的明星猫，猥琐的明星猫可以去百
动态的吐血qq表情下载，有倒地吐血、扬天吐血吐血身亡、呕吐血等各种吐血qq表情，qq表情图片格式是gif的动态图片。
网页设计理论/实践
网页设计不能只讲理论或者只实践不看理论，内外兼修才是王道。
大学生假期的时候无聊能干些什么呢？ 大学生假期网上兼职挣点零花钱做什么项目好那？这个做了1年多的网络赚钱项目分享给大家。在网上挣点零花钱完全没问题
虽然名字叫2011最简单最给力的兼职网赚项目，其实一直到懒人建站一直都在做，这个兼职网赚项目依然给力。
标题是微信小程序布局display flex布局介绍，其实是对css3的display flex的通用解释，并不限于微信小程序布局，微信小程序里不是写div之类，应该换为view之类的标记，当然原理一样，把这篇
css3圆角实现方法是（border-radius），css3半圆的画法、css3四分之一圆的实现方法是把高度和宽度设置为相等，只设置一个圆角，其半径等于高度或宽度。本例代码如下。
当前窗口获得焦点js事件，html5发布之前我们使用window.onfocus和window.onblur来获得窗口焦点和失去窗口焦点，使用html5的Page Visibility API来实现
这里说的是移动端网页布局，不是pc-移动端的响应式布局，如果单纯是做手机端网页布局的话，网页布局尺寸设置首推rem这个字号单位。 响应式字号单位rem rem是相对于根元素html的，这
如果你的css重置中禁止了点击高亮效果，你还可以使用css模拟这个css点击高亮，点击高亮效果主要在移动端用处比较大，移动端的按钮链接点击后如果没有表现出一些点击过的效果，会
显示器(screen)和打印机(printer)是两种差别很大的设备,所以要设置html/css打印样式。 screen一般使用逻辑单位比如px，而打印机则应该使用物理单位比如cm或in。我们常见的A4纸张大小在不同DPI的显示
关于接私活的一些看法，你怎么看？精力允许可以接些轻松搞定的私活，或者是有挑战的高端私活，又累又不赚钱的私活还是免了吧，多研究研究赚大钱的方法。
qq临时会话设置不加好友聊天的方法，正常情况不加好友发起临时会话qq是会提示“添加好友”提示，通过如下两步设置可以实现不加好友聊天，也给出来qq临时会话代码调用方法。
chrome截图插件fireshot是一款谷歌网页截图插件，fireshot可以截取整个页面（滚动页面截取到完整页面）、捕捉可见部分、捕捉选定区域等截图功能。
在手机端qq客服代码点击弹出qq聊天窗怎么实现那？其实和web端qq客服代码一样，是一个qq提供的链接，
懒人建站观后感seo大神东北—起航winner讲的还是蛮有道理，潭州seo讲的也不是完全没有道理，提升空间还很大，一起来看看东北—起航大神的seo观点吧。
什么是顶级的SEO技巧？品牌词指数，大于行业词指数5-10倍以上，自然第一，永久第一，这个理念你可以用到所有行业，所有基础教程你都可以跳过，这一句话就给你诠释SEO的最顶层。
icms一款pc端和手机端cms适配的免费cms系统，icms集成微信、淘客接口，通过iCMS自带的微信登陆接口，让您的用户直接用微信登陆。同时您也可以通过iCMS的微信公众平台接口、微信模板来构
js 投放联盟广告代码一般方法介绍，普通的加载方式容易阻塞页面加载，所以我们使用异步加载百度联盟广告代码，广告js代码就可以异步加载无阻塞。
微信小程序输出html内容数据插件wxParse，可以把带html标签的数据输出为微信小程序正常显示的格式，wxParse插件带有演示，也有使用文档说明。
微信小程序tabBar底部导航中文注解api，信小程序tabBar就是app底部的那个导航栏，可以放1-5导航链接，这里对微信小程序底部导航tabbar的中文解释。 微信小程序tabBar是在全局app.json文件里
微信小程序增加ES6的promise特性支，微信小程序新版本中移除了promise的支持，需要自己使用第三方库来自行实现ES6的promise特性，首先下载第三方库Bluebird
微信小程序利用websocket制作多人版扫雷小游戏，当然这主要是练习使用微信小程序中的websocket和小游戏制作思路，微信小程序不允许发布游戏类应用。
微信小程序获取设备信息api，获取设备信息这里分为四种， 获取设备主要属性： 获取网络信息wx.getNetWorkType, 系统信息wx.getSystemInfo, 重力感应数据wx.onAccelerometerChange, 获取罗盘数据wx.on
微信小程序图表插件（wx-charts）基于canvas绘制，体积小巧支持图表类型饼图、线图、柱状图 、区域图等图表图形绘制，目前wx-charts是微信小程序图表插件中比较强大好使的一个。
微信小程序第一次官方公开课解读小程序，以前的解读猜测都是在官方文档基础上推测得来的，甚至有部分是作者主观判断的，这次的微信小程序第一次官方公开课是微信官方第一次官
微信小程序传值以及获取值方法，传值有两种方法，对应也有获取值得方法，1、设置id的方法标识跳转后传递的参数值；2、通过使用data - xxxx 的方法来标识要传递的值
自定义浏览器滚动条的实现原理：计算浏览器滚动条的高度，层级1的高度与滚动条的总高度是一样的，通过相似比例计算：
浏览器滚动条总高度 ：滚动条高度 = 层级② ：层级①
组件的生命周期分成三个状态：
Mounting：已插入真实 DOM
Updating：正在被重新渲染
Unmounting：已移出真实 DOM
组件的生命周期调用顺序
当组件在客户端被实例化，第一次被创建时，以下
本文介绍了reactJs组件状态this.state并和组件属性做了对比分析，组件化是React的主要思想，也是其核心所在，组件化也是前端未来的发展趋势，组件在运行时需要修改的数据就是状态
属性是由父组件传递给子组件的,reactJs组件属性设置,reactJs组件this.props需要注意的几点
1、获取属性的值用的是this.props.属性名
2、创建的组件名称首字母必须大写。
3、为元素添加css的
给react.js初学者的建议，这是一篇译文，作者翻译的不错，react.js初学者或者已经熟悉了reactJs的同学非常有借鉴意义。
js复制内容到剪贴板方案与兼容性，如果只考虑IE9以上高版本浏览器推荐使用document.execCommand或者Clipboard.js，如果你要兼容IE8或者其他低版本浏览器，那就要选择ZeroClipboard.js，当然如果你
微信小程序最近火的不要不要的，站长素材下载微信小程序的开发工具试了一下，
发现只要会css+js+熟悉微信小程序api，就能开发微信小程序，收集一些微信小程序实例源码大全demo下载
常用js正则表达式大全、一、校验数字的js正则表达式 1 数字：^[0-9]*$ 2 n位的数字：^\d{n}$ 3 至少n位的数字：^\d{n,}$ 4 m-n位的数字：^\d{m,n}$ 5 零和非零开头的数字：^(0|[1-9][0-9]*)$ 6 非零开头的最多寻找遗失儿童！学DIV CSS技术,如何入门?
作者：佚名
字体：[ ] 来源：互联网 时间：10-17 19:26:50
引用一本书中的一段文字：&当我第一次开始学习汉语时，我的家庭老师老王给了我一本汉英字典、一本汉语语法书和一本初级教程。但是，他将这些书放 在一个书筐里，并说到下周才能派上用场。在第一周，他只教我听和记一些短语。在开始严格有序的学习前，他要我
引用一本书中的一段文字：&当我第一次开始学习汉语时，我的家庭老师老王给了我一本汉英字典、一本汉语语法书和一本初级教程。但是，他将这些书放 在一个书筐里，并说到下周才能派上用场。在第一周，他只教我听和记一些短语。在开始严格有序的学习前，他要我学会如何复述一些短评。&请问，哪里有餐 馆？&。&请给我来点米饭&。&这件衣服多少钱？&。在那个星期，我不得不无条件地接受知识、句子结构、发音和语法。然而，到了星期五我居然可以去一家中 餐馆要了一碗米饭并付了账。没有理论，没有解释，就是这些简单的短语给了我做这件事的足够的语法和词汇。
不知从何时开始，CSS开始为国人重视起来。许多人都开始学习CSS，但又不知从何入手，所以此文就是给那些初学者所写，带他们踏上CSS列车。
一. CSS学习重在方法！
学习任何东西都是一样，从小学、中学、大学，除了学习知识外就是去学习方法！
要想掌握CSS, 首先要学会HTML，我刚开始是从零开始学习的，花了一个月时间学习HTML，没有老师，书就是我唯一的老师，也没有上网的条件！一个月过后，我就开始学习CSS，刚开始看的第一本CSS书是《CSS网页样式设计》看了几天后发现根本看不懂！，之后换了一本《HTML参考大全》，这本书是师的案头常备之书！之所以更换这本书来学习CSS，是因为这里面有一部分是CSS，就成了我的CSS启蒙书。看了几段后，觉得外国人写的教程很有条理，由浅入深，一步一步引领你向前走，让你明白他们在说什么，而不是象国内的书讲的深浅不一，缺乏条理，好象怕你不知道他很有学问！就象前面所说的那本书《CSS网页样式设计》当时看了，对于初学CSS的我来说，真的不知道它在说什么！
再来谈一下学习过程中的细节，因为一个样式它是不可能脱离HTML页面的，HTML不与样式结合的话, CSS就失去了存在的意义。所以一般书中都会举一个例子，然后让你上机测试效果，这是笔者想让你有对样式表CSS有一个初步的印象，告诉你CSS能做什么。一个小例子：&麻雀虽小，五脏俱全&，你可能看不懂每一个语句的真正意思。但是你可以记得例子的模式，以后在实践中不断地用，不断用的过程就是不断记的过程，所以不能恢心，不能总认为自己记忆力不好，但不管你骑的是牛也好，千里马也罢，只要有恒心，一定会到达终点的。
阅读一本书，一般来说第一次要先把整个书通读一遍，不理解的也要往下看，在往下看的过程中你也许会找到那个问题的答案。看完后你有一个大概的印象，但一定有很多不明白的地方，没关系，继续往下看。
第二遍你就要边看边做学习笔记了，把你认为是重点的部分写上，还有，你觉得有疑问的部分也要记下，带着疑问看下去，如果没有答案，你可以去BBS上发一个贴子，好心人还是很多的，提示一句：&一定要学会如何去问问题！& 这里就不说了。你还要上机去练习书上的例子，最让你困惑的：&一是记不住，二是对概念的理解有误（这一条可能是书译的不好，另外就是你的理解不对）&，对于第一条你就要树立信心，坚持再坚持下去。当你到达终点时你回发现一切都是顺理成章的事。因为你努力了，努力了就会有回报，有结果。
有好多人也看了，但是没有什么进步，我分析主要有以下几个原因：
原因一：压力不够，因为有不少人比如美工学CSS，因为是看别人学，所以学之，不学就没优势！这样的压力是很小的，学不好还有美工这碗饭。
原因二：只是业余学习，这样学还只是玩一玩，因为你不一定非要以这门技术吃饭。
原因三：方法不对，有的人只是在看教程，但他不动手去做，我以前就是看的太多，做的太少，所以有了实践你才能把理论的东西揉进去。
二. 掌握CSS的四个学习阶段
有一次我问一个网友，学CSS难吗？她说：&不难&我说你学多久了？她说：&刚学&。其实她说的也没错！如果有人问我学CSS 难吗？我会说：&难！&为什么我会说难呢？ 学CSS可以分成以下几个阶段：
阶段一：不去想浏览器的兼容性问题的情况下能做出页面，但页面里到处用TABLE的 模式DIV写出的页面。
阶段二：想到了兼容性问题，但无法提前预防，只会修补问题，大量使用HACK技术（我对HACK技术只是知道，但用的很少）
阶段三：可提前预防BUG，但样式表中大量应用了ID,CLASS，CSS译过来是重叠样式表，比如&DIV P SPAN&。这句代码是标明DIV子元素中P的子元素SPAN，这样写就可以定义SPAN的样式了，不用在SPAN中加入CLASS了。这也就是CSS的优点所在，为什么不好好利用而一定要定义一个CLASS呢！
阶段四：这一阶段是最难的，良好的HTML语义结构、合理的CSS、可重复利用的样式。良好的语义有这方面的文章,合理的CSS，这两方面以后一定会写专题来研究。
三. CSS初学者常见问题：
让我们一步步来。第一个要求是缩图的正下方要有个标题。作法相当直接了当：在你的 HTML 里放上图片，接着一个断行 (BR)，再把标题放在一个段落 (P) 里并且置中 (利用 CSS)。
接着我们要让这些缩图跟标题成对地排列在浏览器窗口里。使用表格排版时，这一对对的缩图跟标题会被分别放置在 TD 里。在使用 CSS 排版时，我们要把它们分别放置在 DIV 里。为了让它们能水平排列在窗口上，我们用 CSS 让这些 DIV 往左浮动 (FLOAT)。
问题1：学CSS应该选什么样书来读？
先推荐几本：
《CSS权威指南》
《网站重构》
《网站布局实录》
《HTML参考大全》
如果对HTML还不太了解的话，可以先读读《HTML参考大全》这本书，这本书即是一本教学书同时也是一本很好的用来查询HTML的工具书。最近出版的《精通CSS》、 《无懈可击的Web设计》都是非常好的书，但不适合没有有CSS基础的人读，要想成为一个优秀的CSS Builder，还要有扎实的英文基础，那样你就可以去阅读国外的CSS教程，参与相关的论坛，有人说，不懂英语可以只看代码，但事实上，他们的书中论述的不仅仅是代码，更重要的，是他们会告诉我们编码的思想和编码的方法，这些都是我们值得去学习和领会的。另外我推荐的中文教程是：《HTML and CSS Standard》、苏沈小雨《CSS2中文手册》、电子版《网页设计师》；外英文版的电子书很多，就不一一举例。看电子书是一件很乏味的事，我本人就不习惯看电子版的，所以经常买书看。
问题2：用什么软件编辑CSS代码?
这个问题好象是问过频率最高的！先说我自己吧，刚开始是用DreamWeaver写代码，由于DreamWeaver软件本身是一个很耗CPU和内存的软件，运行时编辑的速度就可想而知了。走了好长一段时间之后我才过度到了&半手写&状态，&半手写&就是利用DW提供的代码提示功能，当你写&F&时有关&F&的样式就会立刻在后面提示出来，方便你选取。如果再写上几个字母，你要的那个样式就很快找到了，这样可以加快你的写样式的速度，但有一个坏处就是如果你脱离了代提示的编辑软件你就不会写样式了，比如你在程序员那里修改微调样式时，他用的可不一定是你用的那个软件，不一定有代码提示功能，所以你只能回到自己的机器上编辑好了然后发给程序员！这样做显然是不专业的！所以如果想成为优秀的人就要做到够专业！
说了这些好象还没有说到主题：
只要已经能达到会手写的程度，用什么软件都可以，推荐使用DreamWeaver外挂TopStyle（最新版本是Pro V3.12）。
问题3：先写HTML还是先写CSS？
网上有很多种答案：先写HTML后写CSS；先写CSS后写HTML；两者同时写。我倾向于两者一起写，先写CSS或者先写HTML对于初学者都不是恰当得的方法。如果让一个人编写代码，你告诉他先写HTML,写完后 HTML不能修改了，然后你写CSS，如果他可以写出来，那这个人一定是一个水平非常高的Builder了！所以对于初学者，多数情况下我建议同时编写，具体我说一下步骤：
先要把站点建好，目录建好，比如我们建好文件夹CSS,IMAGES,这两个是最其本的，然后新建一个HTML文件，一个style.css一个空 的样式表，把HTML页连接到这个外部样式表。
然后我们先写HTML中的最基本的布局部分，都是用DIV，然后直接在DIV里加入ID或CLASS，这些 布局部分包括外套部分，头部分，中间部分，左，中，右，版权部分等。
写好这些后，这时你可以到样式表中写样式，或者你在接着写布局里的部分，我们拿头部为例，在头部写入LOGO部分，NAV部分也同样加入ID或CLASS。其它同理。
为什么说我们不可能一次性把HTML部分写好呢，因为人都是可能犯错误的，可能你的想法写的过程就是有问题的，或者为了浏览器的兼容性问题，有些是你由于经验的不足没有提前预料到的，所以当你写样式时发现了问题时就有可能要改动你的HTML的代码。大至的写法就是这样，你也可以HTML/CSS同时进行，都是可以的，看你的习惯。我们写代码时很多时候是边写代码边测试，也不是说写一句测试一句，而是写了一段代码后就进行浏览器的测试，我是同时用IE6与FF一起测试。一个优秀的制作师他们的代码多数情况写了很多时他们才测试一下，是因为一个人如果经验多的话，他们就会知道并提前预防浏览器错误显示的发生了！所以他们写代码的速度比没有经验的人快。他们已经经历过了你所要经历的错误，你第一次遇到错误的浏览器显示问题你要花时间去修补，而他们可提前防止或遇到了可立即解决问题！这就是你与他们的不同点之一。
初学者与高手不同点之处还有一个就是高手们使用了大量的快捷键，所以一定要记住那些常用的快捷键，每一个小的细节都有一点提高，综合在一起就是很大的提高。
另外提高自己的水平最好的方法就是多实践，多找一些比较好的HTML CSS的模板进行编码实践，开始时要选一个简单点的，把页面截图，然后把这张图用自己的想法还原成HTML页面&&
最后祝愿大家学习进步。
大家感兴趣的内容
12345678910
最近更新的内容}