CSS、常用標簽屬性


 

 

div的樣式:【width:寬度 :100像素、height:高度100px、background:背景顏色紅色】

 

內嵌的形式:用<style type="text/css></style>把樣式(div;id; third)樣式圈在里面。注意要嵌在頁面<head></head>的里面。#號id名稱(third) 尋找id:third

外部的形式:單獨的樣式文件。<link>標簽

 

 

除了可以通過id 的樣式尋找,還可以通過p標簽進行元素名尋找。

 

第三種形式可以通過 class 篩選元素; 通過  (。)篩選  common  ;可以有重復的名字

 

通過屬性去尋找名為(aa.thml)文件

偽類:

 

 

標簽的四個偽類元素;a:link{color#顏色} 未訪問的鏈接

                                   a:visited{color#顏色} 已訪問的鏈接

                                   a:hover{color#顏色}鼠標划過時出現的顏色

                                  a: active{color#顏色}鼠標點擊時出現的顏色

 

 

 樣式:

 

 

id為back_div的樣式: border :1px solid red;是邊框

                                  background-color:blue; 是背景顏色

                                   background-image:url(圖片) 是引入圖片

                                  background-size:30% 50% 是背景尺寸

                                  background-repeat:背景平鋪方式 no-repeat 是不平鋪

                                   background-position:40% 40%;背景的位置      

 


 

    

        名為font_div的樣式:font-size 字體大小

                                          font-style:italic  字體傾斜

                                       font-weight :bolder  字體粗細

                                      text-decoration:line-tuough  刪除線

                                                                 underline   下划線

                                                                overline     上划線

                                                               none  去掉下划線

                                                     color : 字體顏色

 


 

 

 邊框邊距:

           margin外面距: 代表 上、右 、下、左。順時針方向。

           dashed: 虛線

          solid  :實線

          

   Border-bottom:2px dashed black :代表只保留下虛邊框

               top                                      :代表只保留上表框  (依次)

   


 

 格式與布局

 

 

                    positi :fixed :固定

                        absolute 絕對定位 (就像小廣告)

                          relative :  相對定位(相對於自身應該出現的位置)

                      right:距離右邊的距離

                top: 距離上邊的距離

                   left:距離左邊的距離

                 botton: 距離下邊的距離

Z-index分層:需要在前面使用position 才會右效果

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM