打造自己的Reset.css - 网页制作 - 蓝色理想
您的位置：　 &
& 打造自己的Reset.css
　打造自己的Reset.css
作者：　时间： 　文档类型：原创　来自：
第 1 页 打造自己的Reset.css [1] 第 2 页
每每有新项目，第一步就是应当使用一个reset.css来重置样式。滥用不如不用，直接拿个现成的reset.css过来将导致后期各种离奇bug的发生。所以最好还是自己写一个reset.css，并且要明白每一条reset都是用来做什么的。reset.css本意就是重置样式，我始终建议把.clearfix放入layout.css,而把h1、h2之类的定义放进typography.css。 具体如何规划网站CSS结构，不在文本讨论之列，可以参考Smashing Magazine上的文章，国内有差强人意的中文译版。注意，本文把reset分成了两个部分，一个是纯reset.css，可以用于任何项目。另一个是用于特定项目的“reset”，自定义修改的内容，这些内容可以放在layout.css、typography.css之类的文件中，他们共同导入到一个base.css形成一个项目的基础样式。本文就是来介绍如何写一个合适所有项目的通用的reset.css，以及介绍在设置玩reset.css之后需要针对不同项目要首先要设置的内容。
牛顿是站在巨人伽利略的肩膀上的，我们也可以这么做。首先我们要选定一个前进的基础。请永远不要使用
* { margin: 0; padding: 0; }
这问题太多了，在此不多加表述。
目前比较流行的有Eric Meyer的重置样式和YUI的重置样式。另有Condensed Meyer Reset简化Eric Meyer的样式。有趣的是，Eric的重置样式也是源于YUI的。而那份简化版又把Eric的样式简化回YUI的样式了 。但同时，糟糕的是，网上流传的比较广的(尤其是国内)都不是最新的版本。上面两个页面里直接看到的都不是最新的，Eric专门为有一个reset.css页面。而YUI当前版本(2.7.0)的reset.css实际地址里，比上面的页面中还多一些东西。此外，我们还可以基于一些常见的框架，比较著名的比如Blueprint或者Elements CSS Framework（这个的reset也是源自于Eric Meyer的）。OK，准备工作就差不多了。以上这些都可以作为参考资料来组织我们自己的reset。我这里主要采用YUI，兼带Eric的reset。
2、默认色彩
对于页面是不是有默认背景色和前景色，YUI和Eric有着不同的看法。YUI重置背景色为白色而文字颜色为黑色。
html {&&& color: #000;&&& background: #FFF;}
而Eric在当前最新版中让所有颜色为透明，他认为透明才是最原始的颜色。虽然他曾一度认为也应当设置白色背景色、黑色文字颜色。至于最后为什么改了，Eric并没有给出具体理由。
这个问题我基本认为是用户自定义的更重要还是你的设计更重要的问题。我个人的观点是，如果你的设计本身就是白色背景，那么不要设置背景。一小部分中高水平的用户，他们会自定义网页默认背景色。设置成他们喜欢的背景色，比如浅蓝色。基本常见的浏览器都提供了这个简单的功能。而我们的背景色重置则会破坏用户的选择――尽管这样能保证你的设计原汁原味的呈现给所有用户。当然我知道，更高端的用户会用Stylish之类的Firefox扩展来自定义页面。但不得不说，只会用“选项”来调背景色的用户更多，不是么？而同时，如果设计本身就有其他背景色，比如黑色、蓝色、绿色之类的，OK，这些设计当然可以设置背景色。但请不要放进reset.css里。这里是重置样式的地方，不是你设计的地方。请把你的设计放在更广袤的土地上。
所以，简单说来，NO，不要在reset中设置背景色。
那么，文字颜色呢？原则上来说，也是不应该设置文字颜色的。但是IE中的表单元素中legend这个对象比较特别，跟主题结合的比较紧密。legend会默认有自己的颜色（跟当前的主题有关）而不会继承父元素的颜色（即便设了color:）。从某些角度来说，可以想当然地认为设置字体颜色人数远小于设置背景色的人数；以及认为就算设置了背景色，人们看到legend元素是黑色的也不会觉得奇怪。因此，YUI在其reset中设置了legend {color: #000;}是无可厚非的。但反过来说，把这个放到typography.css或者form.css里岂不是更好？不同的页面设计，其对legend的色彩要求很可能是不同的，放在reset.css里重复定义是没有必要的。因此这条CSS规则可以作为在reset.css之后首先应当设置的规则。
责任编辑：
◎进入论坛、版块参加讨论，我还想。
页次：1/6页
1个记录/页
1
2
3
4
5
6
页
蓝色理想版权申明：除部分特别声明不要转载，或者授权我站独家播发的文章外，大家可以自由转载我站点的原创文章，但原作者和来自我站的链接必须保留（非我站原创的，按照原来自一节，自行链接）。文章版权归我站和作者共有。
转载要求：转载之图片、文件，链接请不要盗链到本站，且不准打上各自站点的水印，亦不能抹去我站点水印。
特别注意：本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有，文章若有侵犯作者版权，请与我们，我们将立即删除修改。
说明：输入正确的用户名和密码才能参与评论。如果您不是本站会员，你可以 为本站会员。
注意：文章中的链接、内容等需要修改的错误，请用，以利文档及时修改。
注意：请不要在评论中含与内容无关的广告链接，违者封ID
请您注意：?不良评论请用，以利管理员及时删除。?尊重网上道德，遵守中华人民共和国的各项有关法律法规?承担一切因您的行为而直接或间接导致的民事或刑事法律责任?本站评论管理人员有权保留或删除其管辖评论中的任意内容
?您在本站发表的作品，本站有权在网站内转载或引用 ?参与本评论即表明您已经阅读并接受上述条款
专业书推荐
&1999-. 版权所有前端开发笔试题_百度文库
两大类热门资源免费畅读
续费一年阅读会员，立省24元！
前端开发笔试题
上传于||文档简介
&&w​e​b​前​端​开​发​面​试​题​大​全
阅读已结束，如果下载本文需要使用1下载券
想免费下载本文？
定制HR最喜欢的简历
下载文档到电脑，查找使用更方便
还剩20页未读，继续阅读
定制HR最喜欢的简历
你可能喜欢Idea（35）
maven（24）
摘要&非maven项目 和 maven项目部署配置的探究
& & 虽说Intellij IDEA已经用了四个多月，里面大部分功能还是比较熟悉的，但是很多细节地方还是搞不清楚，这几天公司另一个小组也换成了Intellij IDEA，帮他们迁移项目的时候，因为是非maven项目，遇到了很多问题，自己又研究了一番，下面整理一下
2.项目配置（Project Structure）
2.1 Project&
project compliler output：配置的是项目中的默认编译输出总目录
里面英文也说明了，每个模块可以自己设置特殊的输出目录 & 所以这个基本上没用
2.2 Modules
项目的模块，一个项目中可以有多个子项目，每个子项目相当于一个模块
一般我们项目只是单独的一个，所以只需要配置一个模块，我们可以给模块添加框架
根据我们项目中的使用到东西，添加对应的框架，并在框架里面确定一下相关的配置文件（因为不同IDE下，项目的文件结构可能不同 所以导入的项目我们要注意一下配置）
模块配置根目下 &分为了三个标签：Sources—— Paths—— Depedencies
Sources标签下 主要显示项目的目录资源 &那些是项目部署的时候需要的目录 有颜色提示
（比如绿色是测试目录 橘色是target的目录 这些部署的时候都不需要 &大红色是我的项目下没有的 蓝色是真正需要部署）&
Paths标签下&
可以指定项目的编译输出目录 也就是项目类 和 测试类的编译输出地址（替换掉了Project的默认输出地址）
Depedencies是项目的依赖
我们可以点击右侧的+号 &添加lib &比如tomcat的lib &默认加进来就是Provided&
（和maven的里面的jar依赖差不多）
Provided 也就是项目部署的时候是忽略的 只是再编译项目的时候进行使用
Compile 是跟随着项目部署的 &Test也是不部署的
2.3 Libraries
里面可以添加项目jar包 并且可以把多个jar放在一个组里面 &类似于jar包整理
这个下添加的jar 会在Depedencies中显示（反之不可以）
项目的门面，说实话，真不知道这个是干嘛的，和modules差不多，主要是为了确认一下吧
2.5 Artifacts
项目的打包部署设置，这个是项目配置里面比较关键的地方
注意红框的地方
第一个是我们需要添加项目的部署包 注意选择是exploded的war包
第二个是项目的输出目录 非maven项目这个可以设置到任何地方&
（ maven项目的需要特殊注意 这个后面再说）
第三个是输出结构（output layout） 参考图中的几个文件&
（maven项目如果不使用maven的打包编译 &注意图中WEB-INF下的lib要有项目部署的jar）
3.非Maven项目的创建部署
创建File——New Project————Web Application
（注意New Project里面不是选择的web 而是java）
intellij中web项目 默认网页根目录是web&
项目配置可参考2中的几个地方 根据自己的需求自己修改
artifact中out directory 可以指定到任何地方 项目打包编译到指定的目录下 &
在intellij中启动tomcat &都会以对应war包out directory的设置的目录为工作空间
tomcat配置请参考&中的2-7
4.Maven项目的部署
在intellij中 maven项目还是可以按照maven的打包编译 参考图中的几个生命周期 手动去执行
因为maven项目的约定 是项目打包编译到 target目录下 &
所以我们在2中配置都应该去遵循maven的配置约定进行修改
这样我们的项目在文件修改或者热部署的时候 &intellij的编译才能和maven项目保持一致&
（如果是在intellij中创建maven项目 那个intellij会给你配置好所有的配置 &
基本不用修改 我们可以创建一个springmvc的例子进行参考）
需要注意的地方是：
maven项目 &artifact中out directory 的目录名&
一定要和pom文件中build的finalName一致
另外pom文件中 要配置&packaging&war&/packaging&
比如pom中配置的项目bulid&finalName叫做ROOT
那么我们的out directory为 &E:\项目积累\test1\target\ROOT&
通过maven编译以及打包项目后
在服务器的配置中，可以去掉下图红色区域的两个选项，避免每次启动时都重新编译和打包&
& & 本文基本总结了intellij中web项目部署的问题，以及如何去配置，因为网上也没有很具体的说明，所以这些都是自己摸索出来的，有不对的地方欢迎大家指正
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：83418次
积分：2477
积分：2477
排名：第10971名
原创：46篇
转载：749篇
(2)(1)(198)(280)(155)(92)(64)(12)(19)(1)intellij（1）
intellij idea默认文件是自动保存的，但是手头有个项目jsp文件改动后，在tomcat中不能立即响应变化。要jsp文件改动后立刻看到变化，有个配置。
　　在idea tomcat 中server的配置里，有个on frame deactivation，选择update classes and resources。另外有个配置on update action，就是手动操作的时候采取什么动作，可以重启服务器，也可以像上面一样更新类和资源文件，我选的是Redeploy。 可是当前项目没有update classes and resources这个选项，有个Hot Swap classes。
　　这是由于服务器添加的Artifact类型问题，一般一个module对应两种类型的Artifact，一种是war，一种是war explored。
　　war就是已war包形式发布，当前项目是这种形式，在这种形式下on frame deactivation配置没有update classes and resources选项。war explored是发布文件目录，选择这种形式，on frame deactivation中就出现update classes and resources选项了。
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：88072次
积分：2875
积分：2875
排名：第8893名
原创：206篇
转载：19篇
评论：29条
(1)(1)(2)(3)(10)(2)(2)(4)(8)(43)(14)(24)(68)(27)(17)}