• 自己写的web标准教程,帮你走进web标准设计的世界——第四讲(css篇1)


    声明:本教程源于本人学习的一些经验的总结,希望大家帮忙完善与指正,也希望会给初学者带来方便,希望大家不要随便转载,写的不是很好,还不完善,不过转载时要注明作者和出处,附加原文的链接地址,谢谢了

    写在前面:由于前一阵子实在很忙,教程终断了,向大家道歉,接下来我将用大约一周的时间出完css部分的教程,希望对大家能有所帮助!感谢大家的支持!

    已出:

    自己写的web标准教程,帮你走进web标准设计的世界——第一讲

    自己写的web标准教程,帮你走进web标准设计的世界——第二讲

    自己写的web标准教程,帮你走进web标准设计的世界——第三讲(html终结篇)

    上讲回顾: 通过上面的三次讲解,我向大家介绍了html部分的一些主要的知识

     非常感谢网友对我的大力支持,谢谢你们给我的鼓励!

    本节概况:

      1. css简介

      2. css编译器

      3. css调试工具

      4. css命名规范

      5. 一款css取色小工具

      6. css 与 id 、class 和 element的关系

    ok,Begin!Right now!

    首先先简单的介绍一下css

      css就是层叠样式表,说白了就是给一个网页穿衣服的,起装饰作用。So easy!

     

    css编译器

      我个人倾向于dreamweaverCS4,当然你也可以使用记事本,但我不推荐你使用记事本。在dreamweaver新建一个css文件很简单,相信你一定会做到的。

    css调试工具

      其实dreamweaver本身就是一个强大的css调试工具,具体如何运用我们以后具体讲解时在说,大家也可以去网上查找攻略,估计会很多

    温馨提示:大家不要使用设计视图去生成代码,也不要看类似的教程,代码还是从键盘中敲打进去的显得踏实。

    绿色广告这里再介绍一个知识,就是兼容,可能大家会觉得很陌生,没关系,先有个印象就行了,举个例子:大家在使用软件时往往要分操作系统,而网页呢,大家就要分浏览器了。(不懂这个地方可以不看)

    学习web标准必备浏览器:

      (这个是十分重要的,我以后的教程都会围绕这个展开)firefox是一款最接近web标准的浏览器,希望大家都要安装。

    firefox插件扩展:

      学习web前端设计你不得不了解几个firefox插件。首先说一下在firefox中安装插件的方法:

      1. 打开firefox->工具->附加组建

        

      2. 然后填入你要安装的组建的名称,点击搜索,找到之后点击安装然后在重新启动firfox就可以了。

    要安装的组建:

      对于初学者我们先安装一个firebug插件就足够使用和调试了。安装firebug成功后你的浏览器底端会有一个小虫子图标,点击他或者按F12就会启动firebug这个插件了。具体这个插件如何使用,我以后会讲解,如果大家已迫不及待了,可以先去网上找找攻略。

    css命名规范(下载参考资料):

    1. 命名依据:取义命名法,就是根据你网页的区块内容来命名,比如你要写个块,这个块中包含的是一篇文章,那么你可以这样做:

    <div id=article”>文章的内容</div>

    2. 命名写法:采用骆驼式书写格式,比如文章图片你可以这样来命名:articlePic…,第一个单词要小写,第二个单词以及以后的单词的开头字母要大写,禁止使用中文进行命名

    一款css取色的小工具下载

     

      把上面的取色笔拖动到要取的颜色区域中,就会自动获取到该颜色的十六进制值和rgb值,在网页中我们通常用十六进制值来表示一种色彩。

    css 与 id 、class 和 element的关系:

      回顾一下html标签的id和class属性,因为这两个属性使html标签和css完美的组合到了一起,如果你还对这两个属性不是很了解,你可以看看自己写web标准教程,帮你走web标准设计的世界——第一中的相关介绍。

    下期预告

      1. 在html中嵌入css的三种方式

      2. 当css被禁用了——css的重要性

      3. css实例详解

     
    今天的教程就到这里了明天再见,谢谢!

    交流QQ群: 71019430(菜鸟居多,请大家见谅!)

     
  • 相关阅读:
    HTML5是否已为实际应用做好准备? 狼人:
    10月Web服务器调查:Apache下降 Ngnix攀升 狼人:
    微软IE9通过97.7%的CSS 2.1测试 狼人:
    PHP将死。何以为继? 狼人:
    Firefox 4.0 Beta 8开始开发 新引擎依然没影 狼人:
    Adobe发布Air 2.5支持RIM平板电脑 狼人:
    Firefox 4.0:我们2011年再见面吧 狼人:
    Adobe AIR登陆Android 狼人:
    Google不推荐在URL里使用竖线 狼人:
    40个很不错的CSS技术 狼人:
  • 原文地址:https://www.cnblogs.com/chaofan/p/1819290.html
Copyright © 2020-2023  润新知