原创 對bootstrop中左右浮動設置

若是左浮動,加一個類 class=pullleft 右浮動 加一個類叫 class=pullright

原创 bootstrop中顯示元素需要注意以什麼方式顯示的問題

html中 <div class="topbar hidden-xs hidden-sm"></div> <div class="topbar visible-md visible-lg"></div> - __hidden-xx

原创 在html中加入圖片 url路徑 要注意分號使用

<div class="item active" style="background:url('Picture/20170601100622592f7ad62b7e7.jpg') no-repeat; background-pos

原创 background的使用

將容器的高度固定(410px) 將輪播圖改爲背景顯示 由於可能圖片的高度不一定是410px 所以需要設置css3中的background-size background-size的使用 -length : backgroun

原创 歡迎使用CSDN-markdown編輯器

css3裏面的關於引入背景圖片 background-size:cover; 等比例縮放圖片鋪滿容器,可能會 溢出 background-size:c

原创 在bootstrop中實現輪播圖

Bootstrap中輪播圖插件叫作Carousel 2 以下容器就是整個輪播圖組件的整體, 注意該盒子必須加上 class=”carousel slide” data-ride=”carousel” 表示當 前

原创 在網站佈局中在某些屏幕中顯示幾列 佈局步驟

比如共有六個圖標: 在lg 和md 中三列顯示 在sm和xs中兩列顯示 .container>.row>.col-sm-6 .col-md-4*6 佈局形式 左邊是圖片右邊是文字描述 在bootstrop中有現成的粘過來即可

原创 在bootstrop中如何使用tab選項卡 實現淡入淡出的效果

1 選項卡功能可以通過Bootstrap中提供的相應組件實現 http://v3.bootcss.com/javascript/#tabs 在標籤頁可以找到 2 找到淡入淡出的效果 每一個class裏面加入一個 fa

原创 使hover出來的圖片居中顯示

(1)給父級元素加一個相對定位 給子集元素加一個絕對定位 使子元素居中顯示的方法即 left:50% margin-left:負子元素寬度的一半 (2)對文字hover 底下圖片出來 故要用一個a鏈接包裹 <div clas

原创 在bootstrop中按鈕樣式生成

給按鈕添加一個自己想要定義的顏色 http://blog.koalite.com/bbg/ - 可以通過界面生成一個新的按鈕樣式 覆蓋原代碼即可 .btn-itcast { color: #ffffff; backg

原创 通過學習bootstrop導航條學會修改bootstrop顏色基調

通過bootstrap文檔對導航條樣式的設置發現,其實本身是有一個類似於主題的概念 - navbar-default:默認的外觀 - navbar-inverse:暗色背景的樣式 - 所以我們希望可以通過自定義一套完整的風格

原创 css選擇器 +的使用

案例 如果想選中 除了第一個li以外的 li 那麼 就應該寫 li+li +表示後代選擇器 因爲第一個li沒有父級元素 故不能被選中

原创 由於輪播圖片超寬造成的影響

美工爲了在不同屏幕下更好地展示將圖片兩邊做的非常寬,但是我們大多數情況的頁面寬度都無法滿足這樣的圖片寬度 而且bootstrop默認將圖片寬度設置爲max-width:100%,造成頁面圖片的縮放 想要在一個較小的屏幕下展示

原创 mvc思想示意圖

MVC思想示意圖

原创 node中文件的狀態

// 加載模塊 var fs = require('fs'); // fs.stat 獲取文件的狀態 fs.stat('./demo',function(err,stats){ console.log(err); cons