真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

Html5,Css初學(xué)總結(jié)

網(wǎng)頁制作

HTML

一、通用模板:

在景寧畬族自治等地區(qū),都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局,加強發(fā)展的系統(tǒng)性、市場前瞻性、產(chǎn)品創(chuàng)新能力,以專注、極致的服務(wù)理念,為客戶提供網(wǎng)站設(shè)計制作、成都網(wǎng)站設(shè)計 網(wǎng)站設(shè)計制作定制網(wǎng)站建設(shè),公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),品牌網(wǎng)站設(shè)計,全網(wǎng)營銷推廣,外貿(mào)網(wǎng)站制作,景寧畬族自治網(wǎng)站建設(shè)費用合理。

   

       

       文檔標(biāo)題

               

               

   

    

                  

    

                  

 

       

主要內(nèi)容

                             

    

     

    

                  

頁腳(如:版權(quán))
 

   

二、網(wǎng)頁三要素:

            1. 元素標(biāo)簽:

(1) 同行顯示:

         (鏈接標(biāo)簽)

        (斜體標(biāo)簽)

        (粗體標(biāo)簽)

        標(biāo)記代碼

(2) 換行顯示:

        1. 

(標(biāo)題1標(biāo)簽)

        2. 

(標(biāo)題2標(biāo)簽)

        3. 

(文章標(biāo)簽)

        4. 

(段落標(biāo)簽)

                     5.

注:一個頁面最多使用一次!不能放置header; footer ; aside; article中

        6. 

        7. 

        8. 


(分隔線標(biāo)簽)

        9. 

容器標(biāo)簽換行是 
固有的唯一格式表現(xiàn)

        10. 

區(qū)塊 

(3) 未知:

        1. (圖像標(biāo)簽)

        2. (字體標(biāo)簽)

        3. (粗體標(biāo)簽)

        4. (斜體標(biāo)簽)

        5. (下劃線標(biāo)簽)

        6.(上標(biāo)標(biāo)簽)

        7.(下標(biāo)標(biāo)簽)

        8.

        9.

        10.

  • 列表
  •         11.

                  

    1. 有序列表
    2.             

    3. 有序列表
    4.             

    5. 有序列表
    6.         

            12.

    • 無序列表
    • 無序列表
    • 無序列表
    •  

    13.添加內(nèi)容(表現(xiàn)為加下劃線)

    14.刪除內(nèi)容(表現(xiàn)為加刪除線)

    15.標(biāo)簽通常表示它所包含的文本對某個參考文獻的引用,比如書籍或者雜志的標(biāo)題。按照慣例,引用的文本將以斜體顯示。

    16. 

    標(biāo)簽規(guī)定獨立的流內(nèi)容(圖像、圖表、照片、代碼等等)。

    2. 屬性:

                        : href; title;

                        : src; width; height; alt

            3. 值:

     

    三、其他:

            4. 注釋:

       如: 

            5.學(xué)習(xí)相關(guān)鏈接:

        網(wǎng)頁轉(zhuǎn)義符號HTML代碼大全:http://www.cnblogs.com/web-d/archive/2010/04/16/1713298.html

             HTML系列教程:http://www.w3school.com.cn/h.asp

      各類標(biāo)簽及其用法:http://www.w3school.com.cn/tags/tag_doctype.asp

            6.鏈接錨鏈接:鏈接到某一頁面的特定區(qū)域。

     

     

    CSS

       模板:Selector(選擇器){

                               Attribute(屬性): value(值) ;

                  }     //  各種元素。

                  Color:#000000(黑色)/#ffffff(白色)

       注:單斜桿表示或者!

    1.鏈接樣式:

          a:link{

              color: blue;

          }       /*鏈接激活前的外觀*/

          a:hover{

              color: orange;

    }      /*鼠標(biāo)指向鏈接時的外觀*/

          a:hover{

              color: red;

    }      /*激活鏈接后的外觀*/

     

    2.文本樣式:

        字體:

            font-family: Geneva,Tahoma,sans-serif;        /*字體類型,三選一*/

            font-style: italic/normal;              /*斜體和正體二選一*/

            font-weight: bolder/bold/normal/lighter;        *更粗/正常/更細/三選一*/

            font-size: 16px/1em;        /*字體大小,默認1em=16px*/

            line-height:16px        /*行高*/

        字間距:word-space:length(4px或其他);

     字偶距:  letter-space:length(4px或其他);

     添加縮進:text-indent: length(2em或其他);

     對齊文本:text-align: left/right/center/justify(兩端對齊);

     修改文本大小寫:text-transform: uppercase(大)/lowercase(小)/none;  

     裝飾文本::text-decoration: underline/overline/through/none;

                (下劃線/上劃線/刪除線/無)

            3.元素顯示方式:display: block/inline/;    (換行/行內(nèi)顯示)

            4.元素可見性:visibility: visible/hidden;

            5.邊框:border-style :dashed/solid/dotted ;   (虛線/實線/點劃線)

    border -width:

    border -color:

    border:2px solid red;

    border-radius:length;  //邊框圓角半徑

     6.外/內(nèi)邊距:margin-top/-bottom:length;

                        Padding:length;

                        Padding-top/bottom/left/right:length;

           7.元素浮動:float:left/right/none;

           8.清除浮動:clear:left/right;

           9.處理溢出:overflow: visible/hidden/scroll/auto;

     10.修改指針形狀:cursor: pointer/default/crosshair/move/wait/help;

          11.列表標(biāo)記:

                            list-style-type:disc/circle/square….;

                            /*  

                                disc:圓點;circle:圓圈;square:方塊;decimal:數(shù)字;

                            upper-alpha:大寫字母。

        */

      12.有序列表:

                        

      從2開始編號

                         List-style-position: inside/outside;

      13.fieldset(表單):

                        表單字段(type屬性值):text/email/password/url/submit/radio(單)/checkbook(復(fù)選)

                    

         單選框:

                                

                            

                                     

                                 

         復(fù)選框: 

                                

        

                                      

                                 

         列表框:

                                

                    

                                     

                                

            14.表格:

                      

                         

                         //行標(biāo)記

                              

          //表頭標(biāo)記

                              

          //單元格標(biāo)記

                         

        

                        

                         

                              

        //單元格標(biāo)記 

                              

          //單元格標(biāo)記

                         

       

                 

    Javascript

    1. 函數(shù)調(diào)用:

        直接調(diào)用  (functionname(形參))

        事件響應(yīng)調(diào)用(onclick=”check()”)

          超鏈接調(diào)用 (
    分享標(biāo)題:Html5,Css初學(xué)總結(jié)
    當(dāng)前URL:
    http://weahome.cn/article/gsoejd.html

    其他資訊

    在線咨詢

    微信咨詢

    電話咨詢

    028-86922220(工作日)

    18980820575(7×24)

    提交需求

    返回頂部