微信小程式css篇----字型(Font)
一.字型：font。屬性在一個宣告中設定所有字型屬性。
可設定的屬性是（按順序）： "font-style font-variant font-weight font-size/line-height font-family".
font-size和font-family的值是必需的。如果缺少了其他值，預設值將被插入，如果有預設值的話.
1.font-style：文字樣式。
取值：normal正常的字型，italic 斜體字， oblique 傾斜的字型。
2.font-weight：設定文字字型的粗細。取值範圍為100-900.
取值：mormal：正常大小相當於400。bold :粗體，相當於700。bolder， lighter。
3.font-size：設定字型尺寸大小。
4.font-variant:設定物件中的文字是否為小型的大寫字母。
取值：mormal 正常的字型。small-caps 小型的大寫字母字型。設定了以後會不論原來是否為大小字母 全部改為大寫。
5.font-family:設定字型名稱。
6.font-stretch:設定物件中的文字是否橫向拉伸變形。
取值：normal：正常文字寬度。
ultra-condensed：比正常文字寬度窄4個基數。
extra-condensed：比正常文字寬度窄3個基數。
condensed：比正常文字寬度窄2個基數。
semi-condensed：比正常文字寬度窄1個基數。
semi-expanded：比正常文字寬度寬1個基數。
expanded:比正常文字寬度寬2個基數.
extra-expanded：比正常文字寬度寬3個基數。
ultra-expanded：比正常文字寬度寬4個基數。
7.font-size-adjust：只有火狐支援。設定物件的 aspect 值，用以保持首選字型的 x-height。
如果 14px 的 Verdana（aspect 值是 0.58）不可用，但是某個可用的字型的 aspect 值是 0.46，
那麼替代字型的尺寸將是 14 * (0.58/0.46) = 17.65px。
[email protected]:通過這個可以新增外部的字型。可以參考這篇
相關推薦
微信小程式css篇----字型(Font)
一.字型：font。屬性在一個宣告中設定所有字型屬性。 可設定的屬性是（按順序）： "font-style font-variant font-weight font-size/line-height
微信小程式css篇---文字溢位
最為一名Android開發人員，現在無法拖控制元件寫佈局真的是一件很麻煩的事啊,所以css樣式成為了我做專案的最大隱患，遇到的問題可能做前端的人員看到會覺得很低端，但沒辦法我還是記錄下來吧，多遇到幾次
微信小程式css篇----背景（Background）與顏色（Color）
一。背景：background。設定物件的背景特性。一個元素可以設定多重背景影象，每組之間用逗號隔開，如果存在重疊關係，前面的背景影象會覆蓋在後面背景圖上。 1.background-color：指
微信小程序css篇----所有屬性(按字母排列：c，d，e開頭)
旋轉 box explorer drop 乘法 允許 right 調整 jsb f開頭的屬性主要就是盒子布局和字體的，先來看圖，然後在一項項來看。 1.fallback：是@counter-style 裏的屬性值。小程序裏不知道怎麽寫，一寫@counter-style
微信小程序css篇----布局(Layout)
http 定義 img gpo 定位 display 溢出 watermark text 一：布局有以下幾種：display，float，clear，visibility，overflow，overflow-x，overflow-y。 1.display：設置對象是否顯示。
微信小程式引入iconfont字型圖示
1、首先在阿里巴巴向量相簿裡建立專案並新增圖示進去 2、在微信小程式中新建.wxss檔案(如:iconfont.wxss) @font-face {
微信小程式CSS之Flex佈局
相信剛開始學習開發小程式的初學者一定對介面的佈局很困擾，不知道怎麼佈局，怎麼擺放位置，其原因是不瞭解CSS樣式的屬性，所以，今天程式碼君打算寫一篇關於CSS的教程，給大家普及一下。 說起CSS佈局，首先要講解的就是FLex佈局，這個可以說是一個萬能鑰匙，遇到什麼
微信小程式總結篇
1.style繫結 <view style="background: url( {{ good.coverUrl }} ) no-repeat;"></view> 2.class繫結 <view class="{{is_checked ===
微信小程式實戰篇-電商（一）
我想大家對電商一定不陌生，一般電商的底部導航欄有以下幾個首頁、分類、購物車、個人中心。所以我們按照這個來做吧。 app.json是用來配置page路徑以及導航欄屬性的，那我們要做首頁、分類、購物車、個人中心介面就要在page也新增這幾個介面，所以在app.json的page裡新增如下程式碼，寫入page路徑
微信小程式引用fontawesome字型
2017年05月05日 17:04:12 yiyingcsdn 閱讀數：11805 標籤： css 微信
微信小程式上手篇（1）
昨天微信公佈了小程式，可以說舉國轟動，不光是微信前期推廣做得好，更是因為小程式有著不小的吸引力，筆者仔細體驗了一下小程式示例，可以說體驗不錯。當然，這篇博文並不是為了說明小程式多好多好的推薦文，我們今天主要是來講如何進行學習開發的。 這篇博文主要適用於有開發經驗的開
微信小程式實戰篇-個人中心
哈嘍，大家好，又到週五啦，有木有期待今天的更新呀~今天要教大家的是製作個人中心介面，先上效果圖 個人中心製作 1. mine.js // pages/mine/mine.js var app = getApp() Page({ data
微信小程式上手篇（3）
還只剩最後一個page需要研究了，勝利的曙光就在眼前。 在這個檔案中，程式碼並不多，而且也比較容易。 //logs.js var util = require('../../utils/util.js') Page({ data: { logs: []
微信小程式實戰篇-下拉重新整理與載入更多
下拉重新整理 實現下拉重新整理目前能想到的有兩種方式 呼叫系統的API，系統有提供下拉重新整理的API介面 下拉重新整理API.png 監聽scroll-view,自定義下拉重新整理，還記得scroll-view裡面有一個bindscrollto
微信小程式入門篇（二）
上篇我們講解了一下小程式的整體架構，今天來講一下，一個頁面的具體實現原理，好注意聽，下面要開始畫重點啦~哈哈 頁面的構成 還記得我們在上篇文章中講解如何加入一個介面嗎？在app.json中的pages加入要加的檔案路徑就可以啦，檔案路徑可以隨便起，系統
微信小程式引用外部字型
微信小程式如何引入外部字型庫 微信小程式的霸權主義, 不識別很多檔案, 其中就包括外部的字型檔案. 那我們怎麼突破他的防火線呢, 這裡主要用得就是線上的字型庫. 它的使用不像之前引用阿里巴巴字型庫那樣簡單, 有一點不同. 步驟如下: 1.在 阿里巴巴字型
微信小程式iconfont圖示字型解決方案
此文演示如何在小程式上使用iconfont字型圖示。 使用說明 登入阿里巴巴iconfont.cn 新建專案 點選icon收藏 加入到test專案中 下載到本地解
微信小程式初級篇-02
微信小程式 什麼是微信小程式 微信小程式（weixinxiaochengxu），簡稱小程式，縮寫XCX，英文名mini program，是一種不需要下載安裝即可使用的應用，它實現了應用“觸手可及”的夢想，使用者掃一掃或搜一下即可開啟應用。 什麼產品可以使用
微信小程式實戰篇-分類頁面製作
哈嘍，大家好，又到週五啦，今天程式碼君要教大家分類頁面的製作，廢話不多說，先上效果圖 這個介面佈局難度不是很大，css基礎好的，很快就實現了，分類介面，左邊是一級目錄，右邊是一級目錄對應的二級目錄，根據這個需求，我們資料設計的結構一定是陣列巢狀陣列，第一個
微信小程式-入門篇(app.json)
搞安卓的建議看看微信的小程式，工作之餘能陶冶下自己的情操，啊廢話不多說了上乾貨。 1.整好開發工具配置後映入眼簾的是三個檔案 app.js app.json app.wxss 1.1 我們先看看app.json 它有四個節點 pages，tabBa