1. 程式人生 > >第十三課 CSS外觀及樣式的應用 css學習3

第十三課 CSS外觀及樣式的應用 css學習3

默認 單詞 tab自動補全 eight let indent 垂直 demo tab

一、
1、color: 文本顏色
  預定義文本顏色值,如red,blue等
  十六進制的顏色值 #fff白色 建議常用的表示方法
  RGB代碼,如紅色可以表示為rgb(255,0,0)或rgb(100%,%0,%0)

2、行間距: line-height
    line-height: 10px;

3、text-align 文本水平對齊方式
  text-align: center; right left

4、 text-indent 首行縮進
  text-indent: 1em; 1em 一個字的寬度

5、letter-spacing 字間距
  letter-spaccing: 2px;

6、word-spacing 單詞間距
  word-spacing:10px; 針對於英文,中文無效

7、顏色半透明
  color: rgba(r,g,b,a) a是alpha 透明的意思 取值範圍為0-1 四個參數不能省略
  color: rgba(255,0,0,.3);

8、文字陰影(Css3)
語法結構:
text-shadow: 水平位置 垂直位置 模糊距離 陰影的顏色; 四個參數 前兩個參數必寫 後兩個默認
如:text-shadow: 5px,11px 3px rgba(0,0,0,.4);

9、sublime快捷鍵
  1、tab自動補全下半部分元素
  2、生成多個相同元素使用* 如 div*3 可生成3個div

  3、父子關系的元素 ul>li*3
  4、兄弟關系的標簽,用+就可以了 如 div+p
  5、如果生成帶有類名或者id名字的 直接寫.demo或者 #two tab就好了

第十三課 CSS外觀及樣式的應用 css學習3