龙都娱乐国际

龙都娱乐国际

    使用Web基准建站第7天CSS入门

    文章来源:龙都娱乐国际-龙都国际电子娱乐-龙都国际娱乐城【官方网址】 发布时间:2018-04-01 在了解XHTML代码尺度后,我们快要进行CSS组织。率先先绍介一些CSS的入门常识。如果你已经很熟谙了,可以跳过这一节,直达加入下一节。

      CSS是Cascading Style Sheets层叠款式表的缩写。是一种对web文档添加款式的简单机制,属于表现层的组织言语。

    1.根本语法尺度   离析一个典型CSS的语句

    p {COLOR#FF0000;BACKGROUND#FFFFFF}

    就中p我们称为挑选器selectors,指明我们要给p定义款式; 款式声明写在一对大括号{}中; COLOR和BACKGROUND称为属性property,不比属性之间用分号;相隔; #FF0000和#FFFFFF是属性的值value。 2.色泽值   色泽值可以用RGB值写,比喻color rgb255,0,0,也可以用十六进制写,就象上司例子color#FF0000。如果十六进制值是成对反复的可以简写,成绩一样。比喻#FF0000可以写成#F00。但如果不反复就不成以简写,比喻#FC1A1B必需写满六位。

    3.定义字体   web基准引荐如次字体定义措施

      body { font-family Lucida Grande, Verdana, Lucida, Arial, Helvetica, 宋体,sans-serif; }

    字体遵循所列出的程序选用。如果用户的匡算机含有Lucida Grande字体,文档将被指定为Lucida Grande。没局部话,就被指定为Verdana字体,如果也没有Verdana,就指定为Lucida字体,依此类推,; Lucida Grande字体切合Mac OS X; Verdana字体切合一切的Windows系统; Lucida切合UNIX用户 宋体切合国文简体用户; 如果所列出的字体都不能用,则默认的sans-serif字体能保障调用; 4.群挑选器   当几个因素款式属性一样时,可以协同调用一个声明,因素之间用逗号相隔, p, td, li { font-size 12px ; }

    5.派生挑选器   可以使用派生挑选器给一个因素里的子因素定义款式,比喻那样

    li strong { font-style italic; font-weight normal;}

      硬是给li下属的子因素strong定义一个斜体不加粗的款式。

    6.id挑选器   用CSS组织次要用层div来实现,而div的款式经过id挑选器来定义。比喻我们率先定义一个层

      而后在款式内外那样定义

    #menubar {MARGIN 0px;BACKGROUND #FEFEFE;COLOR #666;}

      就中menubar是你个人定义的id称谓。注意在头里加#号。

      id挑选器也同一支持派生,比喻

    #menubar p { text-align right; margin-top 10px; }

      阿谁措施次要用来定义层和那些相比复杂,有多个派生的因素。

    6.类别挑选器   在CSS里用一个点起初显现类别挑选器定义,,比喻

    .14px {color #f60 ;font-size14px ;}

      在页面中,用class=类又名的措施调用

    14px大小的字体

      阿谁措施相比简单手巧,bwin官网,可以天天根页面须要新建和去除。

    7.定义链接的款式   CSS中用四个伪类来定义链接的款式,区分是alink、avisited、ahover和a active,比喻

    alink{font-weight bold ;text-decoration none ;color #c00 ;}
    avisited {font-weight bold ;text-decoration none ;color #c30 ;}
    ahover {font-weight bold ;text-decoration underline ;color #f60 ;}
    aactive {font-weight bold ;text-decoration none ;color #F90 ;}

      以上语句区相定义了链接、已拜访过的链接、鼠标停在上方时、点下鼠标时的款式。注意,必需按以上程序写,不然展示可能性和你意想的纷歧样。铭记它们的程序是LVHA。

      呵呵,看了这样多,有摇头晕吧,实际上CSS的语法尺度还有很多,这块儿列的然而一些常用的,毕竟我们是循序渐进,不成能一口吃成胖小子


    上一篇:使用Web标准建站第12天:校验及常见错误 下一篇:使用Web标准建站第1天:选择什么样的DOCTYPE
龙都娱乐国际千亿国际娱乐官网qy8千亿国际优发娱乐
齐乐娱乐网优发娱乐诚博娱乐优发娱乐
齐乐娱乐网千亿国际娱乐官网qy8千亿国际亚虎娱乐
龙都娱乐国际龙都国际电子娱乐龙都国际娱乐城优发娱乐
齐乐娱乐网优发娱乐诚博娱乐优发娱乐