rpx和樣式和class和flex

一、1rpx = 0.5px = 1物理像素
二、開發微信小程序時設計師能夠用 iPhone6 做爲視覺稿的標準
三、在較小的屏幕上不可避免的會有一些毛刺，請在開發時儘可能避免這種狀況
四、樣式導入
使用@import語句能夠導入外聯樣式表，@import後跟須要導入的外聯樣式表的相對路徑，用;表示語句結束。
例：
@import "common.wxss";
.middle-p {
padding:15px;
}

五、style：靜態的樣式統一寫到 class 中。style 接收動態的樣式，在運行時會進行解析，請儘可能避免將靜態的樣式寫進 style 中，以避免影響渲染速度。
例：
<view style="color:{{color}};" />

六、class：用於指定樣式規則，其屬性值是樣式規則中類選擇器名(樣式類名)的集合，樣式類名不須要帶上.，樣式類名之間用空格分隔。
<view class="normal_view" />

七、定義在 app.wxss 中的樣式爲全局樣式，做用於每個頁面。在 page 的 wxss 文件中定義的樣式爲局部樣式，只做用在對應的頁面，並會覆蓋 app.wxss 中相同的選擇器。

 

******************
關於flex佈局
一、flex-direction 決定元素的排列方向
二、flex-wrap 決定元素如何換行（排列不下時）
三、flex-flow flex-direction和flex-wrap的簡寫
四、justify-content元素在主軸上的對齊方式
五、align-items元素在交叉軸的對齊方式

元素屬性詳解
一、flew-grow當有多餘空間時，元素的放大比例
二、flex-shrink 當空間不足時，元素的縮小比例
三、flex-basis 元素在主軸上佔據的空間
四、flex是grow、shrink、basis的簡寫
五、order定義元素的排列順序
六、align-self定義元素自身的對齊方式

僞類選擇器
一、動態僞類選擇器：（:link,:visited,:hover,:active,:focus）
二、狀態僞類選擇器（:enabled,:disabled,:checked）
三、選擇僞類選擇器（:first-child,:last-child,:nth-child(),:nth-last-child(),:nth-of-type(),:nth-last-type(),:first-of-type,:last-of-type,:only-child,:only-of-type）
四、空內容僞類選擇器（:empty）
五、否認僞類選擇器（:not）
六、僞元素（::first-line,::first-letter,::before,::after,::selection）