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

weakish 發布于2019-04-23 11:47 / 2623人閱讀

摘要：一文本顏色預定義文本顏色值，如，等十六進制的顏色值白色建議常用的表示方法代碼，如紅色可以表示為或行間距文本水平對齊方式首行縮進一個字的寬度字間距單詞間距針對于英文，中文無效顏色半透明是透明的意思取值范圍為四個參數不能省

一、
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就好了

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/1151.html

TRY REGEX：正則表達式交互式入門教程翻譯&解答

摘要：寫一個正則表達式來測試變量中是否包含字符串。用函數給出不使用字符，但和等價的正則表達式。第十四課標志全局匹配標志第二個常用的標志是全局匹配標志，用字母表示。寫出一個正則表達式來檢驗合法性。非捕獲組的主要用途是給一個組賦予量詞。 TRY REGEX 是一個交互式的正則表達式學習項目項目地址：https://github.com/callumacra...在線地址：http://tryre...

李義 2019-08-20 14:18 評論0 收藏0
JavaScript 工作原理之十三－CSS 和 JS 動畫底層原理及如何優化其性能

摘要：關鍵幀是用來通知瀏覽器在規定的時間點上應有的屬性值然后填充空白。每一對數值內包含表示三次貝塞爾曲線控制點的和坐標。即使每個控制點的和值的微小差異都會輸出完全不同的貝塞爾曲線。原文請查閱這里，本文采用知識共享署名 4.0 國際許可協議共享，BY Troland。本系列持續更新中，Github 地址請查閱這里。這是 JavaScript 工作原理的第十三章。概述正如你所知，動畫在...

0xE7A38A 2019-08-22 18:27 評論0 收藏0
JavaScript 工作原理之十三－CSS 和 JS 動畫底層原理及如何優化其性能

摘要：關鍵幀是用來通知瀏覽器在規定的時間點上應有的屬性值然后填充空白。每一對數值內包含表示三次貝塞爾曲線控制點的和坐標。即使每個控制點的和值的微小差異都會輸出完全不同的貝塞爾曲線。原文請查閱這里，本文采用知識共享署名 4.0 國際許可協議共享，BY Troland。本系列持續更新中，Github 地址請查閱這里。這是 JavaScript 工作原理的第十三章。概述正如你所知，動畫在...

william 2019-08-02 10:47 評論0 收藏0
JavaScript 工作原理之十三－CSS 和 JS 動畫底層原理及如何優化其性能

摘要：關鍵幀是用來通知瀏覽器在規定的時間點上應有的屬性值然后填充空白。每一對數值內包含表示三次貝塞爾曲線控制點的和坐標。即使每個控制點的和值的微小差異都會輸出完全不同的貝塞爾曲線。原文請查閱這里，本文采用知識共享署名 4.0 國際許可協議共享，BY Troland。本系列持續更新中，Github 地址請查閱這里。這是 JavaScript 工作原理的第十三章。概述正如你所知，動畫在...

winterdawn 2019-08-30 15:53 評論0 收藏0