1.在@mixin內部定義變數,使用@content佔位符來佔據後續內容位置。
2.使用@include來巢狀使用,形成bem命名策略的css樣式
3.$block是指input元件, $element是指input裡面的元素,例如input框, $modifier是指元素的不同狀態。
4.@mixin b(){} ==> .zou-input
5.@mixin e(){} ==> .zou-input__icon .zou-input__inner
6.@mixin m(){} ==> .zou-input__icon–clear/showpwd
7.@mixin m() {} 和 when有什麼不一樣 暫時理解來說:m是判斷最外層class的,@include m(prefix) @include when($state)}
關於css樣式的看法
1 通常有兩種方式,第一種是直接寫在頁面標籤中,通過屬性style,另一種是通過標籤選擇器賦樣式 第一種方式,就是每乙個標籤都需要寫一遍樣式,同時沒有做到樣式和內容的分離,不方便以後的樣式替換,主題的修改,但有一點好處,就是 避免了樣式的樣式的互相干擾,顯示的特別穩定 第二種方式,正好是第一種的相反...
關於css樣式的看法
1 通常有兩種方式,第一種是直接寫在頁面標籤中,通過屬性style,另一種是通過標籤選擇器賦樣式 第一種方式,就是每乙個標籤都需要寫一遍樣式,同時沒有做到樣式和內容的分離,不方便以後的樣式替換,主題的修改,但有一點好處,就是 避免了樣式的樣式的互相干擾,顯示的特別穩定 第二種方式,正好是第一種的相反...
css元素居中以及修改元件庫的樣式
1.在專案中遇到使用css讓塊元素 在父元素中上下左右居中顯示text align center position absolute 元素居中顯示css left 50 top 50 webkit transform translate 50 50 transform translate 50 50...