close

 
正想搞點什麼的時候,阿明帶著肉乾來了,哈哈。
 

 
阿明與牽牛花,走簡約路線。
 
--------------------------+ 
 
FOR 阿明:
 
  CSS 是一些小單字組成的指令,它的排列很有規則,所以不難、很容易懂。
 
*大概結構的樣子是:
 區域{項目:指令; 項目:指令;}
每個區域後面有一個大括號,裡面裝著你對這個區域下達的命令。
 
命令的基本樣子是: 項目:指令
然後每個命令跟命令中間用分號隔開。
  
-----------------------------+
 
*一些基本單字
(我不知道確切的專業名詞,所以只能說它的位置)
 
- 區域
 
 BODY 整個篇幅大體
 A 文字
 BANNER 標題橫幅
 DESCRIPTION 標題描述
 SIDE 小框架 
 SIDETITLE 標題
 SELECT 下拉式選單(好友欄)
 
(還可以細分成很多,只是舉比較常見的。)
 
- 項目
 
 BACKGROUND 背景
 COLOR 字的顏色
 FONT-SIZE 字體大小
 FONT-WEIGHT 字粗
 FONT-FAMILY 字型
 TEXT-DECORATION 文字裝飾(加底線)
 TEXT-ALIGN 文字位置(置中置左置右)
 
 WIDTH 寬度
 HIGHT 高度
 
 *
 BORDER 框線
 MARGIN 整個區塊跟別的區塊的距離
 PADDING 區塊內邊緣跟物件的距離
 - 這 3 個項目可以加方向
  上 TOP
  下 BOTTOM
  左 LEFT
  右 RIGHT
  EX.
  BORDER-TOP
  MARGIN-LEFT
  PADDING-BOTTTOM
 
- 指令
 
 #000000 色碼(#字後加 6 個數字)
 15PX 距離(幾像素)
 10PT 字體大小(幾字級)
 NONE 不顯示
 NORMAL 正常
 BOLD 加粗
 左 LEFT
 右 RIGHT
 中 CENTER
 虛線 DASHED
 實線 SOLID
 點點 DOTTED
 
-----------------------------+
 
  這樣應該大概能看的懂CSS的基本樣子了吧,多看就會熟了。然後有些比較鑽的語法或是妳想要的效果,妳可以多多去 哈啦無名 爬文,按左上方的搜尋。


arrow
arrow
    全站熱搜
    創作者介紹
    創作者 34 * 的頭像
    34 *

    衰老是百無禁忌最好的理由。

    34 * 發表在 痞客邦 留言(4) 人氣()