1、顏色
透明：opacity
父元素透明，子元素也會透明
transparent：完全透明
2、rgba hsla
backgroud-color:rgba(0,155,255)
backgroud-color:hsla(100,50%,50%,1)
rgba: red green blue (0-255) alpha: 透明度 （0-1）
hsla:
h:色調 0-360
s:飽和度 0%-100%
l:亮度 0%-100%
a：alpha 透明度 0-1
3、文字
文字陰影：text-shadow:1px 2px 3px red;
水平位移 垂直位移 模糊程度 陰影顏色；
乙個文字可以有多個陰影，用逗號並列起來
左上為負，右下為正
模糊度：值越大，陰影越模糊，反之陰影越清晰
4、盒子模型
傳統模型：
盒子最終大小=border+padding+內容的寬度(width)
css3：
content-box=內容盒子
padding-box=內邊距
border-box=邊框盒子
box-sizing:content-box 外加模式,設定放內容區域的大小，border和padding不計算入width之內，width=內容寬度
padding-box，padding計算入width內，width=padding+內容
box-sizing:border-box 內減盒子，加內邊距和邊框只會減少內容盒子的大小，border和padding計算入width之內，width=內容+padding+border。
5、私有化字首
background: -webkit-linear-gradient(left,red,blue)
私有化字首：
瀏覽器私有化字首：
-webkit-: 谷歌 蘋果
-moz-:火狐
-ms-：ie
-o-：歐朋
2017 7 27 學習心得 css3第四天
1 伸縮布局 對塊級元素布局變得十分靈活 設定伸縮盒子 display flex x軸是主軸，預設從左到右，側軸從上到下 1 調整主軸方向 flex direction row 水平方向 reverse row 反轉 column 垂直方向 reverse column 反轉列 2 主軸的對齊方式 ...
CSS學習心得
三 網頁結果呈現 一條css樣式規則由兩個主要的部分構成 選擇器，以 包裹的一條或多條宣告 這條規則表明，頁面中所有的一級標題都顯示為藍色，字型大小為12像數。說明 1 選擇器是您需要改變樣式的物件 上圖的規則就一級標題生效 2 每條宣告由乙個屬性和乙個值組成。無論是一條或多條宣告，都需要用 包裹，...
CSS3 HTML5學習心得
1.字串 str.charat 字串索引 若索引超過字串長度，返回空。str.indexof 某字元 找到這個字元順序第一次出現的索引。str.lastindexof 某字元 找到某字串倒序最後出現的索引，若沒有返回 1。str.uppercase 將str轉換為大寫。str.lowercase 將...