1. 程式人生 > >2017/09/12

2017/09/12

樣式 styles height 高度 -s cal 右鍵 style 傾斜

中心主題-----框架---framest--

             如果用框架當前頁面不能有body

             cols="300,*" ----左右拆分 左300右剩余

             rows="300,*"----上下拆分

             frameboder----邊框

             <frame>-----------src-------框架要顯示頁面地址

                 ----------scrolling--------滾動條

         iframe---

             可以鑲嵌在普通頁面

             src----------框架要顯示頁面地址

             width--------框架的寬度

             height-------框架的高度

             frameborder------框架的邊框

             scrolling----------滾動條

---------------------------------------------------------------------------------------------------------------------------------------------------

    樣式表------分類-----

             內鏈-------寫在標簽裏面

               --------style="樣式"{優先級最高不建議使用}

             內嵌------寫在head裏面

               ------<style type="text/css"></style>{控制沒有上面精確,優先級中}

             外部-----引入:右鍵-css樣式表-附加樣式表

               ------引入:<link href="test.css" rel="stylesheet" type="text/cs">

               ---- ---j建議使用

          選擇器-------樣式表用來選取元素

             ------標簽----根據標簽名選中標簽

             ------class---.(點)

                 ------根據class篩選元素  

             ------id-------#表示

                 -----根據ID選出唯一元素

             ------復合-----逗號並列----div,span

             --------空格後代 =====#list li

             -------點篩選----div.s  

      樣式----------大小-----width寬度-----height-----高度

        -------背景-----background-color---背景色

              background-image-------背景圖片

              background-repeat-----背景圖的平鋪方式

              background-position----背景圖片位置

              background-attachment----背景圖片是否滾動

              background-size--------------背景圖的大小 200px 200px

        -----字體---font-family---字體樣式

            ---font-size---字體大小12px 14px

            ---font-style-----傾斜italic

            ---font-weight-----加粗bold

            ---text-decoration--------underline下劃線

                     -----overline上劃線

                    -------line-through刪除線

                      ---none沒有,用來去掉超鏈接的下劃線

            ---color----字體顏色

       對齊方式---text-align-----水平對齊方式

           ---vertical-align-----垂直對齊配合行高使用

           ---line-height-----行高

           ---text-indent---縮進單位像素

       邊界邊框---margin----外邊距 上右下左

           ---padding--內邊距 上右下左 如果加了這個鈣元素就會相應的變大

           ---border---1px solid #60F簡寫方式 第一個邊框粗細 第二個邊框樣式第三個邊框顏色

       列表方塊---list-style---none講列表前面的序號去掉

           ---list-style-image---可以將前面的序號變成圖片

       格式和布局--

2017/09/12