$bodyWidth:200px;
$bodyHeight:300px;
body{
width:$bodyWidth;
height:$bodyHeight;
}
$bodyHeight:300px;
body{
width:$bodyWidth;
height:$bodyHeight;
}
2016-11-23
gem sources -a http://gems.ruby-china.org 提示ssl錯誤的可以吧https改成http
2016-11-22
watch: {
css: {
files: '**/*.scss',
tasks: ['sass'],
options: {
livereload: true
}
}
}
css: {
files: '**/*.scss',
tasks: ['sass'],
options: {
livereload: true
}
}
}
2016-11-21
4. 需要安裝2個插接件:grunt-contrib-watch、connect-livereload
⑴執(zhí)行命令:npm install --save-dev grunt-contrib-watch connect-livereload
⑵. 安裝瀏覽器插件:Chrome LiveReload
⑶. 配置一個Web服務(wù)器(IIS/Apache),LiveReload需要在本地服務(wù)器環(huán)境下運行(對file:///文件路徑支持并不是很好),需要127.0.0.1:8080這種的。
⑷. 修改Gruntfile.js文件:
⑴執(zhí)行命令:npm install --save-dev grunt-contrib-watch connect-livereload
⑵. 安裝瀏覽器插件:Chrome LiveReload
⑶. 配置一個Web服務(wù)器(IIS/Apache),LiveReload需要在本地服務(wù)器環(huán)境下運行(對file:///文件路徑支持并不是很好),需要127.0.0.1:8080這種的。
⑷. 修改Gruntfile.js文件:
2016-11-21
1.在 chrome://flags/ 中啟用 Developer Tools Experiments (開發(fā)者工具實驗)
2.在 Developer tools 設(shè)置 Experiments 選項下開啟File system folders in Sources Panel,再重啟Developer tools,就會多出Workspace選項。
3.在Workspace中把你的資源目錄添加到File systems即可,如果CSS,JS鏈的是URL可以使用Mappings來設(shè)置路由(注意:結(jié)尾千萬不要加上\,他邏輯只判斷了是否以/結(jié)尾,否則就會變成path\/,略坑啊~~)
2.在 Developer tools 設(shè)置 Experiments 選項下開啟File system folders in Sources Panel,再重啟Developer tools,就會多出Workspace選項。
3.在Workspace中把你的資源目錄添加到File systems即可,如果CSS,JS鏈的是URL可以使用Mappings來設(shè)置路由(注意:結(jié)尾千萬不要加上\,他邏輯只判斷了是否以/結(jié)尾,否則就會變成path\/,略坑啊~~)
2016-11-21
按這個html結(jié)構(gòu)看,寫css也不會給a寫兩遍顏色,如果想公用red,至少要說出目的,連猜帶蒙的也不知道理解對不對,心好累
2016-11-16
1英寸等于96px這個,在MDN上有解釋,和物理長度無關(guān)。
https://developer.mozilla.org/en-US/docs/Web/CSS/resolution中說到了 Due to the 1:96 fixed ratio of CSS in to CSS px
https://developer.mozilla.org/en-US/docs/Web/CSS/resolution中說到了 Due to the 1:96 fixed ratio of CSS in to CSS px
2016-11-16
裝不上的同學(xué)們可以看這個網(wǎng)站:https://gems.ruby-china.org/,淘寶鏡像源已經(jīng)不再做維護啦,都轉(zhuǎn)移到Ruby China上啦
2016-11-15