1. 程式人生 > >HTML+CSS的基本標籤

HTML+CSS的基本標籤

這次的文章是接著上一篇文章寫Html+CSS的基本標籤,這次是 寫CSS的基本標籤。 一、字型屬性:(font)   1、 大小:font-size: x-large;(特大) xx-small;(極小) 一般中文用不到,只要用數值就可以,單位:PX、PD   2、樣式 :font-style: oblique;(偏斜體) italic;(斜體) normal;(正常)   3、行高 :line-height: normal;(正常) 單位:PX、PD、EM   4、粗細 :font-weight: bold;(粗體) lighter;(細體) normal;(正常)   5、變體 :font-variant: small-caps;(小型大寫字母) normal;(正常)   6、大小寫 :text-transform: capitalize;(首字母大寫) uppercase;(大寫) lowercase;(小寫) none;(無)   7、修飾 :text-decoration: underline;(下劃線) overline;(上劃線) line-through;(刪除線) blink;(閃爍) 二、背景屬性:(background)

  色彩:background-color: #FFFFFF;   圖片:background-image: url();   重複:ackground-repeat: no-repeat;   滾動:ackground-attachment: fixed;(固定) scroll;(滾動)   位置:ackground-position: left(水平) top(垂直);   簡寫方法:background:#000 url(…) repeat fixed left top; 三、區塊屬性: (Block)    字間距:etter-spacing: normal; 數值    對齊:xt-align: justify;(兩端對齊) left;(左對齊) right;(右對齊) center;(居中)    縮排:ext-indent: 數值px;    垂直對齊:ertical-align: baseline;(基線) sub;(下標) super;(下標) top; text-top; middle; bottom; text-bottom;    詞間距:ord-spacing: normal; 數值    空格:hite-space: pre;(保留) nowrap;(不換行)    顯示:isplay:block;(塊) inline;(內嵌) list-item;(列表項) run-in;(追加部分) compact;(緊湊) marker;(標記) table; inline-table; table-raw-group; table-header-group; table-footer-group; table-raw; table-column-group; table-column; table-cell; table-caption;(表格標題) 四、方框屬性:(Box)
  width:; height:; float:; clear:both; margin:; padding:; 順序:上右下左 五、邊框屬性: (Border)   border-style: dotted(點線); dashed(虛線); solid(實線); double(雙線); groove(槽線); ridge;(脊狀) inset;(凹陷) outset;    border-width:; 邊框寬度    border-color:#;    簡寫方法border:width style color; 六、列表屬性: (List-style)    型別:list-style-type: disc;(圓點) circle;(圓圈) square;(方塊) decimal;(數字) lower-roman;(小羅碼數字);    位置:ist-style-position: outside;(外) inside;    影象:ist-style-image: url(…); 七、CSS邊框空白
  padding-top:10px; 上邊框留空白   padding-right:10px; 右邊框留空白   padding-bottom:10px; 下邊框留空白   padding-left:10px; 左邊框留空白 八、CSS連線屬性   a :所有超連結   a:link :超連結文字格式   a:visited :瀏覽過的連結文字格式   a:active :按下連結的格式   a:hover :滑鼠轉到連結 九、CSS複合選擇器   1、並集選擇器   “交集”複合選擇器由兩個選擇器直接連線構成;其中第一個必須是標記選擇器,第二個必須是類別選擇器或者ID選擇器;這兩個選擇器之間不能有空格。   2、交集選擇器   並集選擇器簡稱“集體宣告”;並集選擇器是多個選擇器通過逗號連線而成的。   3、後代選擇器   css選擇器中,還可以通過巢狀的方式對特殊位置的html 標記進行宣告,例如當

之間包含標記時,就可以使用後代選擇器進行相應的控制。後代選擇器的寫法就是把外層的標記寫在前面,內層的標記寫在後面,之間用空格分隔。當標記發生巢狀時,內層的標記就成為外層標記的後代。   格式:類別選擇器(名稱)(空格)標記選擇器(名稱){屬性:值 ;}   類別選擇器:   格式:·class(類別名稱){屬性:值;}   (類別選擇器的名稱不能是中文 ,最好是英文或者拼音)

下次繼續分享DIV哦