Après avoir suivi, vous pouvez suivre ses informations dynamiques en temps opportun
Cours dans la section correspondante:Introduction à Bootstrap
bootstrap特性 1、完整的CSS插件。 2、豐富的預(yù)定義樣式表。 3、基于jQuery的js插件。 4、靈活的柵格系統(tǒng),并支持移動先行。
2020-02-170個贊
Cours dans la section correspondante:Exemple de création pour commencer
1.2入門例子創(chuàng)建 active 選中 li加入a標(biāo)簽是可選中狀態(tài) container容器(可以用來放logo等) link引入資源文件
2020-02-170個贊
Cours dans la section correspondante:Typographie de style CSS globale
1.3全局CSS樣式排版 標(biāo)題:h1h2h3的區(qū)別 副標(biāo)題small的作用 P標(biāo)簽行高字體大小固定。但可以通過lead等樣式來更改 mark改變p標(biāo)簽的背景顏色
2020-02-170個贊
Cours dans la section correspondante:Grille CSS d'amor?age
2.1bootstrap css 柵格 css的描述 containers的好處:提供padding屬性,一般用div包裹 柵格系統(tǒng):grid system 使用方便 不管在上面設(shè)備上最多只能承載十二列 通過行與列來進行布局,有點類似于表格,不過比表格方便 大部分引擎對于div比較友好 布局方式: 手機:none(auto) pad:750,小型顯示器:970.大型顯示器:1170px 添加?xùn)鸥馽ol-md/sm/lg.../1后面的1代表占了12/1,若更改了設(shè)備,通過更改md/sm/lg等即可 “col-”的作用? 偏移:通過offset與col-md-后面的數(shù)字來指定 嵌套柵格的使用:通過div的包裹(不確定) 柵格的排序:通過push來排序
2020-02-170個贊
Cours dans la section correspondante:Code CSS d'amor?age
2.2bootstrap css 代碼 <>:<< >> 內(nèi)聯(lián)代碼? kbd標(biāo)簽剪切作用 代碼塊的操作:pre可以包裹一個代碼段 變量的表示如x(varx) 輸出samp
2020-02-170個贊
Cours dans la section correspondante:Tableau CSS d'amor?age
2.3bootstrap css 表格 表格的分類:基礎(chǔ)類,條形狀........ 通過table的class來選擇用什么樣式的表格 條形狀:striped 邊框狀:bordered 鼠標(biāo)經(jīng)過:hover 緊湊類:condensed....... 狀態(tài)類:大致為5種 tr上加class 設(shè)置 active:鼠標(biāo)懸停的顏色 success:成功的標(biāo)識 info: denger:警告 寫入式? responsive +bordered 當(dāng)頁面內(nèi)容過多,效果縮放表格下有滾動條
2020-02-171個贊
Cours dans la section correspondante:Style de formulaire (en haut)
3.1bootstrap表單 表單form:內(nèi)聯(lián)表單,水平排列的表單。。。 單獨的表單都會被賦予全局的樣式 表單label輸入框:輸入的內(nèi)容 通過input設(shè)置承載如date email password file(單選,復(fù)選等) 復(fù)選框:如記住密碼 chexbox 內(nèi)聯(lián)表單:form-inline寬度由百分百變成4次英auto label必須設(shè)置,不然屏幕閱讀器無法正確識別 當(dāng)不需要label時可以使用class來隱藏sr-only 水平表單:創(chuàng)建先指定水平的,再指定是表單 默認文字效果:placeholder 當(dāng)想讓label與input在同一排時使用柵格來調(diào)整 defualt 默認
2020-02-170個贊
Cours dans la section correspondante:Style de formulaire (ci-dessous)
3.2bootstrap表單樣式 文本域textarea 單選框radio name opionsRadios(必記) 下拉列表 select中建立option 靜態(tài)控件:p標(biāo)簽添加class filedset disable全局禁用 都不可輸入(靜態(tài)) 只讀狀態(tài) readonly 禁用與只讀的不同點? 添加圖片圖標(biāo)可以在bootsrap官網(wǎng)的組件上尋找
2020-02-170個贊
Cours dans la section correspondante:Boutons et images
3.3bootstrap按鈕和圖片 按鈕的樣式:成功success,警告warning,信息info等 按鈕在conatainer中大小不一,根據(jù)內(nèi)容多少自適應(yīng) 激活button通過active 通過柵格系統(tǒng)(sm md lg)來調(diào)整按鈕大小 充滿父級容器:btn-block; 通過a標(biāo)簽class也可以設(shè)置按鈕,設(shè)置出的按鈕比較大,而且是激活狀態(tài)(用disable設(shè)置為禁用狀態(tài)) 大多開發(fā)時候a標(biāo)簽使用比較多 圖片的寫入:現(xiàn)代bootstra通過寬度百分百,高度自適應(yīng)寫入圖片(可能導(dǎo)致圖片失真,所以可以采用svg) 圓角圖片:img-circle 矩形圖片,圓形圖片
2020-02-170個贊
Cours dans la section correspondante:menu déroulant
4.1下拉菜單 組件:包括字體圖標(biāo),下拉菜單等(在官網(wǎng)查找) 字體組件:所有圖標(biāo)都需要一個基類和一個對應(yīng)圖標(biāo)的(子)類 注意:不能與其他組件混合使用 不能再同一元素上與其他類共同存在 它的使用要基于一個span標(biāo)簽 下拉菜單的使用:創(chuàng)建dropdown的div表示下拉標(biāo)簽 下拉的小箭頭 span class caret 下拉菜單的內(nèi)容可以用ul來承載,在其中添加a標(biāo)簽承載 添加js文件:因為js基于jQuery所以先引進jQuery然后再 引入js文件 希望內(nèi)容向右可以使用:menu right 按鈕向右:class中添加pull right 注意:不要再button里面直接加 會覆蓋掉按鈕 最好在外面的div上添加 下拉菜單有兩組不同內(nèi)容如何添加如語文數(shù)字與數(shù)學(xué)數(shù)字 不僅可以添加標(biāo)題也可以添加分割線 要使菜單內(nèi)容的某些項不可選中用禁用:在li標(biāo)簽中用disable
2020-02-170個贊
Cours dans la section correspondante:groupe de boutons
4.2按鈕組btn-group:連在一起的按鈕 去官網(wǎng)查找圖標(biāo)來設(shè)置按鈕圖標(biāo) 例如工具欄:button toolbar 按鈕組的排列:水平(默認狀態(tài)),垂直vertical 要使按鈕組充滿整個屏幕的寬度使用justified屬性然后再里面創(chuàng)建的div中的class指定right,model,left 舉例是三個,若是超過三個改怎么弄
2020-02-170個贊
Cours dans la section correspondante:Utilisation de la barre de navigation
5-3
5-3 導(dǎo)航條的使用
65+46456464564564654646
2020-03-170個贊
Cours dans la section correspondante:Installer et utiliser Express
1.2安裝和使用expres 手工安裝和使用 通過生成器生成 npm init初始化命令 手工安裝:先在終端進入創(chuàng)建的文件夾中 然后用npm init初始化,完成初始化后開始用npm安裝的命令安裝express app.js中app可以理解為服務(wù)器 生成器:先進入終端的目錄生成。也可以用系統(tǒng)的全局generator命令生成 目錄生成:當(dāng)有新版本的時候可以通過目錄測試 端口,監(jiān)聽代碼在express中的作用 npm install安裝命令
2020-02-180個贊
Cours dans la section correspondante:Outils de développement WeChat
1.環(huán)境與視圖 1.1微信開發(fā)工具 注冊小程序要以公司的名義注冊 小程序注冊介紹要從頭看到尾(防止走彎路) 按照提出的規(guī)范去設(shè)計有助于用戶體驗 主要是開發(fā)部分 有小程序ID與無ID的區(qū)別:有id才能運行,項目的預(yù)覽才可以 微信web開發(fā)者工具的下載 .js與.js.{sm}的區(qū)別 編譯:把代碼重新運行
2020-02-170個贊
Cours dans la section correspondante:Routage Nodejs
1111
2020-03-100個贊