提供80+媒體資源
我(wo)司提供(gong)互聯網廣(guang)告營(ying)銷(xiao)服務超10年,擁有(you)專業(ye)的(de)人才儲備
【 服務熱線 】4009602809
快手(shou)(shou)廣告平臺(tai)-CSS 用來(lai)決(jue)定(ding) KSML 的(de)組件應該怎么顯(xian)示(shi)。 為(wei)了更(geng)適合開發快手(shou)(shou)小程序,快手(shou)(shou)內部 CSS 對原本(ben)的(de) CSS 進行(xing)了擴充以及修改。
擴展的特性有:
01.尺寸單位
02.樣式導入
rpx(responsive pixel): 可以根(gen)據屏(ping)幕寬度進行自適應。規定屏(ping)幕寬為 750rpx。如在 iPhone6 上(shang),屏(ping)幕寬度為 375px,共(gong)有 750 個(ge)物理像(xiang)素(su),則 750rpx = 375px = 750 物理像(xiang)素(su),1rpx = 0.5px = 1 物理像(xiang)素(su)。
設備 | rpx 換算 px (屏幕寬度/750) | px 換算 rpx (750/屏幕寬度) |
---|---|---|
iPhone5 | 1rpx = 0.42px | 1px = 2.34rpx |
iPhone6 | 1rpx = 0.5px | 1px = 2rpx |
iPhone6 Plus | 1rpx = 0.552px | 1px = 1.81rpx |
建議: 開發快手小程序(xu)時(shi)設計師可以用 iPhone6 作為視(shi)覺稿的標準。
注意: 在較小的屏幕上不可避(bi)免(mian)的會有一些毛刺,請在開(kai)發(fa)時盡量避(bi)免(mian)這種情況。暫不支持直接使用(yong) rem。
1.樣式導入
使用(yong)@import 語(yu)(yu)句可(ke)以導入外聯(lian)樣式表,@import 后(hou)跟需要(yao)導入的外聯(lian)樣式表的相對路徑(jing),用(yong);表示(shi)(shi)語(yu)(yu)句結束。 示(shi)(shi)例代(dai)碼:
/** common.css **/
.small-p {
padding:5px;
}
/** app.css **/
@import "common.css";
.middle-p {
padding:15px;
}
2.內聯樣式
快手廣告投放-框架(jia)組(zu)(zu)件(jian)上支持使用(yong) style、class 屬性來控制組(zu)(zu)件(jian)的樣式。
style:靜(jing)(jing)態的(de)樣式(shi)統一(yi)寫(xie)到 class 中(zhong)。style 接收動(dong)態的(de)樣式(shi),在運(yun)行(xing)時會進行(xing)解(jie)析,請(qing)盡量(liang)避免(mian)將靜(jing)(jing)態的(de)樣式(shi)寫(xie)進 style 中(zhong),以(yi)免(mian)影響渲染速度。
<view style="color:{{color}};" />
class:用于指(zhi)定樣(yang)(yang)(yang)式(shi)(shi)(shi)規則(ze),其屬性值是樣(yang)(yang)(yang)式(shi)(shi)(shi)規則(ze)中類(lei)選擇器名(樣(yang)(yang)(yang)式(shi)(shi)(shi)類(lei)名)的集合,樣(yang)(yang)(yang)式(shi)(shi)(shi)類(lei)名不需要帶(dai)上.,樣(yang)(yang)(yang)式(shi)(shi)(shi)類(lei)名之間(jian)用空(kong)格分隔。
<view class="normal_view" />
3.選擇器
快(kuai)手廣(guang)告(gao)平臺-目前(qian)支持的選擇器(qi)如下:
選擇器 | 樣例 | 樣例描述 |
---|---|---|
.class | .intro | 選擇所有擁有 class="intro" 的組件 |
#id | #firstname | 選擇擁有 id="firstname" 的組件 |
element | view | 選擇所有 view 組件 |
element, element | view, checkbox | 選擇所有文檔的 view 組件和所有的 checkbox 組件 |
::after | view::after | 在 view 組件后邊插入內容 |
::before | view::before | 在 view 組件前邊插入內容 |
定義(yi)在 app.css 中的樣(yang)(yang)式為全局樣(yang)(yang)式,作用于每一個(ge)頁面。在 page 的 css 文件(jian)中定義(yi)的樣(yang)(yang)式為局部(bu)樣(yang)(yang)式,只作用在對應的頁面,并會覆蓋 app.css 中相同(tong)的選(xuan)擇器
快(kuai)(kuai)(kuai)(kuai)手(shou)(shou)從(cong)創(chuang)建(jian)到現(xian)在(zai)積累的(de)(de)各(ge)種行(xing)業(ye)的(de)(de)數據和人群,各(ge)行(xing)各(ge)業(ye)都可(ke)以(yi)在(zai)快(kuai)(kuai)(kuai)(kuai)手(shou)(shou)上投(tou)放廣(guang)(guang)告,但是怎(zen)么(me)能夠(gou)保證(zheng)投(tou)放的(de)(de)廣(guang)(guang)告就能有(you)效果呢?巨宣網絡(luo),可(ke)以(yi)開通全國快(kuai)(kuai)(kuai)(kuai)手(shou)(shou)廣(guang)(guang)告賬(zhang)(zhang)戶,快(kuai)(kuai)(kuai)(kuai)手(shou)(shou)廣(guang)(guang)告開戶一般1-3天(tian)就下(xia)戶了,需要提供的(de)(de)資(zi)質可(ke)以(yi)詢問代理客服,聯系電話4009602809。公司做快(kuai)(kuai)(kuai)(kuai)手(shou)(shou)廣(guang)(guang)告已(yi)經(jing)多年,擁有(you)較為(wei)專業(ye)的(de)(de)快(kuai)(kuai)(kuai)(kuai)手(shou)(shou)廣(guang)(guang)告運營能力和人員!可(ke)以(yi)根據用戶的(de)(de)搜索(suo)習慣、年齡、區域、工作、興趣來進行(xing)廣(guang)(guang)告投(tou)放。再也不用擔心(xin)賬(zhang)(zhang)戶幣(bi)空耗了。
我(wo)司提供(gong)互聯網廣(guang)告營(ying)銷(xiao)服務超10年,擁有(you)專業(ye)的(de)人才儲備
擁有單賬戶(hu)日消耗百萬(wan)運(yun)營經(jing)驗,廣告賬戶(hu)總量超(chao)1萬(wan)!
賬戶開通后,提供專業的(de)建站運營服務,百名運營服務!
如無需我司進行(xing)代運營,可提供較(jiao)高返點政策,靠譜!
專注(zhu)信息(xi)流(liu)廣(guang)(guang)告(gao)/直(zhi)播廣(guang)(guang)告(gao)/搜索廣(guang)(guang)告(gao)/短視頻廣(guang)(guang)告(gao)開戶服務!