美文网首页
迟到的第一次作业

迟到的第一次作业

作者: 9妹9妹 | 来源:发表于2017-01-20 01:48 被阅读0次

    1. 分别说出什么是HTML,XHTML,HTML5

           HTML:超文本标记语言,同浏览器沟通
                 即为超出文本所涵盖的内容可进行标记的计算机语言
           XHTML:可扩展超文本标记语言,是一个基于可扩展标记语言的标记语言
                  XHTML是一个过渡技术,结合了部分XML的强大功能及大多数HTML的简单特性.
           HTML5:HTML5 将成为 HTML、XHTML 以及 HTML DOM 的新标准
                  HTML5 是对 HTML 标准的第五次修订,其主要的目标是将互联网语义化
                  以便更好地被人类和机器阅读,并同时提供更好地支持各种媒体的嵌入
    

    2.写出HTML的语法

         标记、标签:<html>
         标签对:<html></html>
         单标签:<meta  />
         编程格式:
                      <!doctype  html>
                      <html>
                             <head>
                                 <meta charest = "UTF-8"/>
                                 <!--进行翻译的,保存时编码改为UTF-8-->
                                   <title>标题-titile</title>
                               </head>
                               <body>
                                               内容-content
                               </body>
    
                     </html>                                          
    

    3.HTML中的注释和CSS中的注释

            HTML的注释: <!--  内容 -->
            CSS的注释:/* 内容 */
    

    4.CSS中引入的方式有哪些?说出他们的区别和语法

           CSS中的引入方式有:行间样式、内部样式、外部样式
            1.行间样式
                  <div style="width:100px; height:100px;background:red;font-size:30px; ">
                   aaa 
                   </div>
              特点:直观简单,但只能作用在一个元素上,不能广泛使用,不推荐
    
            2.内部样式
                <style>
               #div1{
                           width:100px; height:100px;background:red;
                        }
               #div2{
                          width:100px;height:100px;background:yellow;              
                        }
               </style>
               </head>
               <body>
                        <div id="div1">  aaa  </div>
                        <div id="div2">  bbb  </div>
               </body>
             特点: 好规划易管理,可多人协同工作一个项目
    
           3.外部样式
                 记事本编写:
                      #div1{
                                  width:100px;
                                  height:100px;
                                 background:red;
                                 }
                      /* 保存时后缀名称为:数字/英文.CSS*/
    
                    DW编写:
                     <link rel="stylesheet"    herf="记事本文件"/>
                 特点:可通过修改外部文件来控制内部文件的变化,可减少工作量
    

    5.背景图片有哪些子属性?

             1.背景颜色
                       background-color:1)颜色单词;
                                                    2)#0CC 16进制颜色模式;
                                                    3)rgb(140,164,234) rgb模式
             2.背景图片
                       background-image:url(img/1.jpg);
                       /* ()内为图片路径,默认为平铺图片*/
             3.背景重复
                       background-repeat:no-repeat;
                      /*图片不重复*/
                
                      background-repeat:repeat-x/y;
                      /*图片沿X轴或Y轴重复*/
             4.背景定位
                       background-position:100px 30px;
                       /*图片从此点开始定位,此数字也可以取负值*/
    
                      background-position:50% 50%;
                       /*图片在正中间*/             
    
                      background-position:left/center/right   top/center/bottom;
                      /*前者为X轴定义,后者为Y轴定义*/
    
                      background-position:left;
                      /*在X轴左 Y轴默认为中间center*/
       
                       background-position:bottom;
                      /* 在Y轴底部 X轴默认为中间center*/
    
                      background-position:100px;
                      /*默认100px为X轴  Y轴默认为center*/
    
                     background-repeat:repeat-x;
                     background-position:40px 0px ;
                     /*图片在X轴为40px,Y轴为0px处开始定位,40px前不会留白,接图片*/
                    
               5.背景固定
                           background-attachment:fixed;
                           /*背景固定不动*/
          
                           background-attachment:scroll;
                          /*背景滚动*/
    

    6.Border有哪些子属性 其中border-style的属性值有哪些?

           1.边框粗细 
              border:1px  dashed/solider/dotted  #033;
                        /*分别为虚线、实线、点划线,边框样式在不同浏览器下有不同样式*/
            2.边框位置 
               border-top:10px solid red;
               border-bottom:10px solid yellow;
               border-left:10px solid green;
               border-right:10px solid blue;
                       /*分别对边框的上下左右进行定义*/
            其属性值包括边框样式、边框粗细、边框颜色
    

    7.什么是CSS?

         CSS即为层叠样式表,一种用来表现HTML或XML等文件样式的计算机语言 
    

    8.你知道的CSS属性有哪些?

         1.宽高
                width 
                height 
         2.背景
                background-color
                background-image
                background-repeat
                background-position
                background-attachment
          3.边框
                border-color
                border-style
                border-width
                border-top
                border-bottom
                border-left
                border-right
    

    9.什么是W3C标准?

           W3C标准包含三部分的标准:结构标准、表现标准和动作标准。
           与结构标准对应的代表语言是xHTML
           与表现标准对应的代表语言是CSS
           与动作标准对应的代表语言是JavaScript
    
           网页设计制作成一个静态页面的时候
           就要符合前面两种标准,结构标准和表现标准,
           那么制作出来的页面就是标准页面,
           这种制作标准页面的技术我们就称之为“xHTML+CSS”
    

    10.常见的浏览器都有哪几种,五大浏览器的内核分别是什么?

           常见的浏览器: IE,Firefox,Safari,Chrome,Opera
           五大浏览器的内核:
            Trident(IE内核)
            Gecko(Firefox内核)
            Webkit(Safari内核 Chrome内核)
            Presto(Opera内核)
    

    学习总结部分

        很抱歉因为我的个人原因没有即时跟上大部队的学习
        所以现在学起来跟大家相比总有一种断片的感觉...
        不过我觉得吧 只要开始就不算晚 
        而且兴趣也是最大的老师
        这些天我会加快学习速度 尽快赶上大部队
        边看视频看记笔记的学习方法还是很受益的
        就是我的字太丑 就不和大家分享了...
        现在的内容还是很基础
        在学习的过程也没有什么搞不懂的地方
        只要有问题就去问 反正大神那么多...
        真的希望自己可以坚持下来 共勉
        好了 我要去睡觉了...
        晚安了

    相关文章

      网友评论

          本文标题:迟到的第一次作业

          本文链接:https://www.haomeiwen.com/subject/prmibttx.html