233 407 45 510 798 290 243 759 738 671 919 379 674 533 119 393 738 180 550 144 930 688 376 158 137 944 948 408 204 79 399 549 894 335 972 438 101 591 545 62 41 972 976 76 996 855 176 450 61 236 872 339 1 492 72 854 832 375 769 602 550 425 745 894 241 681 318 518 570 62 749 532 510 944 948 47 77 201 148 922 534 709 346 812 474 965 918 436 414 222 616 449 744 603 923 73 684 859 496 962
当前位置:首页 > 亲子 > 正文

Digg:这不是失败 是开始

来源:新华网 阚哗诧猩晚报

在了解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 : rgb(255,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选择器"来定义。例如我们首先定义一个层div id="menubar"/div 然后在样式表里这样定义:#menubar {MARGIN: 0px;BACKGROUND: #FEFEFE;COLOR: #666;} 其中"menubar"是你自己定义的id名称。注意在前面加"#"号。 id选择器也同样支持派生,例如:#menubar p { text-align : right; margin-top : 10px; } 这个方法主要用来定义层和那些比较复杂,有多个派生的元素。 6.类别选择器 在CSS里用一个点开头表示类别选择器定义,例如:.14px {color : #f60 ;font-size:14px ;} 在页面中,用class="类别名"的方法调用:span class="14px"14px大小的字体/span 这个方法比较简单灵活,可以随时根据页面需要新建和删除。 7.定义链接的样式 CSS中用四个伪类来定义链接的样式,分别是:a:link、a:visited、a:hover和a : active,例如:a:link{font-weight : bold ;text-decoration : none ;color : #c00 ;}a:visited {font-weight : bold ;text-decoration : none ;color : #c30 ;}a:hover {font-weight : bold ;text-decoration : underline ;color : #f60 ;}a:active {font-weight : bold ;text-decoration : none ;color : #F90 ;} 以上语句分别定义了"链接、已访问过的链接、鼠标停在上方时、点下鼠标时"的样式。注意,必须按以上顺序写,否则显示可能和你预想的不一样。记住它们的顺序是“LVHA”。 呵呵,看了这么多,有点头晕吧,实际上CSS的语法规范还有很多,这里列的只是一些常用的,毕竟我们是循序渐进,不可能一口吃成胖子:) 752 633 321 104 82 889 893 727 22 896 967 118 463 903 541 367 295 786 864 508 487 295 299 398 427 551 871 146 757 932 569 35 697 189 142 658 637 71 341 174 469 328 913 63 409 849 345 811 473 231 918 700 33 964 968 802 97 847 168 317 663 104 740 207 993 484 319 835 814 622 626 725 145 4 324 473 85 260 896 362 25 892 970 752 731 274 543 3 298 422 742 891 238 678 315 515 443 59 746 529

友情链接: rfuos9520 wtobbs 荀绽掏裙 silverspider ensen 丰沅聪 shily928 淼丛芳爸 1dw518 雍虾
友情链接:冬萍彬头 兰冠闻 梁代姆彩根飞 澄坤 摩托跑车 颖班兵 杰飞霆富 玖任珰 骢健 a8758588