• 家
  • 大约
  • 文章
  • 联系我们

: 91 11 9810018780 邮寄至 :info@aceinfowayindia.com / 电话 :91 11九十八亿一千零一万八千七百八十

  • 文章作者
  • 关于30.10.2009
  • 在上午10时58分
  • 由管理员

如何创建自己的简单Reset.css文件

对新手的CSS设计人员大部分都没有意识到建立一个“reset.css”文件的重要性。 不同的浏览器程序代码不同。 看起来什么在Firefox完善,可能会在Internet Explorer中关闭。 有许多的CSS重置所有在互联网上,以帮助打击浏览器的问题。 与许多使用目前现有的框架的一个主要问题是,它们没有专门针对你。


How to Create Your Own Simple Reset.css File

现在,它的时间不能创设自己的自定义复位文件。 在本教程中,您会发现如何为您的下一个网站项目自己的简单Reset.css文件。 我希望你能喜欢这个教程。

步骤:1删除margin和padding元素

html文件,机构,分区,跨度,如h1,h2,蛋白H3和H4,H5型,H6的,大段引用,预,时间, 字体 ,IMG公司大小,强弱,子,燮,UL认证,醇,利,分升,胸苷,副署长,字段集,形式, 标签,传说,训练班,日,运输署,输入,选择,textarea的
; padding : 0 ;  border : 0 ; outline : 0 ; } (保证金:0;填充:0;边界:0;大纲:0;)

第二步:2复位排版样式:

如h1,h2,蛋白H3和H4,H5型,H6的 ( % ; 字体大小 :100%; ) 时间 ( ; 字体样式 : 斜体 ; ) 强壮的 ( ; 字体重量 : 粗体 ; )

步骤:3复位无序列表:

UL认证,醇 ( ; 列表样式类型 : 无 ; )

步骤:4获取边界摆脱::

; } IMG公司的fieldset(边界:0;)

这里是我们的最终简单Reset.css文件。

margin : 0 ; padding : 0 ;  border : 0 ; outline : 0 ; } h1, h2, h3, h4, h5, h6 { font-size : 100 % ; } em { font-style : italic ; } strong { font-weight : bold ; } ul, ol { list-style : none ; } img, fieldset { border : 0 ; } a { color : # 333333 ; text-decoration : none ; } a :hover { text-decoration : underline ; } html文件,机构,分区,跨度,如h1,h2,蛋白H3和H4,H5型,H6的,大段引用,预,时间, 字体 ,IMG公司大小,强弱,子,燮,UL认证,醇,利,分升,胸苷,副署长,字段集,形式,标签,传说,训练班,日,运输署,输入,选择,textarea的(保证金:0;填充:0;边界:0;大纲:0;)如h1,h2,蛋白H3和H4,H5型,H6的( 字体尺寸 :100%;)时间( 字体样式 : 斜体 ;)( 字体强烈体重 : 粗体 ;)UL认证,醇( 列表样式 : 无 ;)IMG公司的fieldset(边界:0;)1( 颜色 :# 333333; 文字装饰 : 无 ;)1:悬停 ( 文字装饰 : 提供underline;)

结论

这些仅仅是提示,帮我写一些更好的代码。 我希望该教程也将帮助你写更好,干净的代码。 应用这些提示您当前和未来项目,你一定会明白的努力。

如果你认为教程可以更多更好,请与我们分享。 评论我们

如果您想从我们这里得到更多的教程,请考虑订阅我们的的RSS或电子邮件饲料。

提起下: 的CSS, 教程由admin

促进美

  • 添加到顾问:Bchen!

标签: 的CSS, 教程

相关文章:

如果您喜欢阅读这篇文章,请检查以下其他相关文章:

    • 5个步骤写更好的CSS
    • 如何寻找形式创造良好的无表
    • 纯CSS下拉菜单不使用JavaScript
    • 创建一个标题图像廊
    • 小提示:轻松地建立在您的网站大写
无标题文档

提交评论

XHTML:您可以使用这些标记:<a title="">的title=""> <acronym title="">的首字母的<b> <blockquote cite=""> <cite>的<code>“删除日期时间=“”“<em>的<i> <q cite=""> <strike>的<strong>


CommentLuv Enabled 显示更多
« 11个免费3D字体的设计
无标题文档

    订阅

  • 订阅我们的饲料
  • 订阅电子邮件
  • 跟随我们的Twitter
  • 赞助商
  • 赞助商
  • 赞助商
  • 赞助商
  • 赞助商
  • 赞助商

    • 搜索

      无标题文档
  • 日历

    2009年10月
    M Ť 糯 Ť F š š
    « 2008年9月
    1 2 3 4
    5 6 7 8 9 10 11
    12 13 14 15 16 17 18
    19 20 21 22 23 24 25
    26 27 28 29 30 31
    • 页

      • 家
      • 大约
      • 文章
      • 联系我们
    • 分类

    • 的CSS(19)
    • 设计/启示 (47)
    • 赠品 (31)
    • 平面设计 (10)
    • 的Photoshop(16)
    • 资源 (29)
    • 徐 (1)
    • 工具 (7)
    • 教程 (30)
    • 印刷术 (4)
    • Web开发 (5)
    • WordPress的 (6)
    • 档案

    • 2009年10月
    • 2009年9月
    • 2009年8月
    • 2009年7月
    • 2009年6
    • 2009年5月
    • 最近岗位

    • 的CSS
    • 设计/启示
    • 赠品
    • 平面设计
    • 的Photoshop
    • 热门帖子

    • 如何寻找形式创造良好的无表
    • 30最大橙网站
    • 如何创建可扩展的CSS尼斯基于面包糠
    • 5个步骤写更好的CSS
    • 如何在Photoshop中创建凸版印刷术
    • 在Photoshop中创建一个美丽盒图标
    • 6令人敬畏的在线图片编辑工具
    • 标签云

    的CSS 设计 字体 免费服务 平面设计 图形设计 图标 的启示 Inspitation 的Photoshop 资源 工具 教程 印刷术 的Web开发 的WordPress

    • 朋友们

      • Abduzeedo
      • Alist除了
      • Bittbox
      • CrazyLeaf设计
      • 的CSS技巧
      • 大卫沃尔什
      • Fudgegraphics
      • 燃料您的创造力
      • 帮助开发
      • 瞬间转移
      • Line25
      • Mirificampress
      • 我的油墨博客
      • Noupe
      • PSDFan
      • PSDtuts
      • 分享脑
      • 六修订
      • 勺图形
      • Toxel
      • Vandelay设计
      • 我们的功能
      • 网页设计师站
      • 网页设计师总帐
      • 网页设计师墙
      • 您的设计师
    • 翻译

      English flagItalian flagKorean flagChinese (Simplified) flagChinese (Traditional) flagPortuguese flagGerman flagFrench flagSpanish flagJapanese flagArabic flagRussian flagGreek flagDutch flagBulgarian flagCzech flagCroat flagDanish flagFinnish flagHindi flagPolish flagRumanian flagSwedish flagNorwegian flagCatalan flagFilipino flagHebrew flagIndonesian flagLatvian flagLithuanian flagSerbian flagSlovak flagSlovenian flagUkrainian flagVietnamese flagAlbanian flagEstonian flagGalician flagMaltese flagThai flagTurkish flagHungarian flag
  • 赞助商

    退房UPrinting的YouTheDesigner。


    网上名片

    Web Design Blog Directory

。
无标题文档
返回页首

一般

这些也许某些利益
  • 关于我们的公司
  • 褒奖
  • 联系方式
  • 博客
  • 社会- Twitter的的Flickr

工程

以往项目实例
  • 关于我们的公司
  • 褒奖
  • 联系方式
  • 博客
  • 社会- Twitter的的Flickr

服务

这就是今天的销售情况
  • 关于我们的公司
  • 褒奖
  • 联系方式
  • 博客
  • 社会- Twitter的的Flickr

联系方式

要请我们? 从这里开始...
  • 免费项目评价量表
  • 电子邮件- info@aceinfowayindia.com
  • 电话:91 11九十八亿一千〇一万八千七百八十〇

版权所有© 2009,版权所有, 王牌Infoway的印度租用王牌Infoway的印度您的下一个设计项目。 查看我们的投资组合 。