还有上节课其他页面的form也是字体红色,如下: 有一个问题,一个大一点的网站可能一个页面需要加载的coffee文件和scss文件会很多,那么加载页面的时候页面就会不断地向服务器发送请求去加载这些前端文件,如果这些文件很多就会影响页面呈现的速度。而rails也考虑到这点,帮我们做了很多前端优化的工作...
分类:
其他好文 时间:
2016-02-21 17:08:27
阅读次数:
116
在上节课我们rails中使用coffeescript虽然有问题,但是这个跟系统是windows估计有关,不过我们可以先用每个页面去写普通的script标签就行了。下面讲解css样式在网页开发中的作用,因为我们前面只是简单的html页面代码所以页面就很简陋,而为了提高用户体验美化页面就用到了css样式...
分类:
Web程序 时间:
2016-02-21 06:35:35
阅读次数:
199
In SublimeText Preferences > Package Control. Select "Package Control:Install Package". Now type "SCSS" in the box. Click on first option which appear
分类:
Web程序 时间:
2016-02-18 19:24:05
阅读次数:
160
按钮:Bootstrap框架的按钮也是一个独立部分,我们同样在不同的版本之中能找到对应的代码:LESS版本:查看源文件buttons.less Sass版本:查看源文件_buttons.scss 已编译版本:查看源文件bootstrap.css文件第1992行~第2353行各种按钮代码如下: 基.....
分类:
其他好文 时间:
2016-01-22 21:19:46
阅读次数:
220
Asset Pipeline 提供了内建直接使用 Sass 撰写 CSS 的功能。你也许会生出这样的疑惑:什么是 Sass? Why should I care?Sass (Syntactically Awesome Stylesheets) 原先是内建在 Haml 中的一个副功能。利用缩排设计避免...
分类:
Web程序 时间:
2016-01-14 12:30:18
阅读次数:
208
下拉菜单(基本用法)小伙伴们注意,在Bootstrap框架中的下拉菜单组件是一个独立的组件,根据不同的版本,它对应的文件:? LESS版本:对应的源码文件为 dropdowns.less? Sass版本:对应的源码文件为 _dropdowns.scss? 编译后的Bootstrap版本:查看boot...
分类:
其他好文 时间:
2016-01-12 11:53:45
阅读次数:
179
Sublime Text 是一个强大并具有很强扩展性的 IDE,可通过为其安装 SublimeCodeIntel 插件实现代码智能提示和自动完成功能。目前该插件支持以下语言:JavaScript, Mason, XBL, XUL, RHTML, SCSS, Python, HTML, Ruby, P...
分类:
编程语言 时间:
2016-01-08 18:41:49
阅读次数:
874
sass文件名为.scss可以设置变量//sass style$fontStack:Heletica,sans-serif;$primaryColor:#333;body{ font-family:$fontStack; color:$primaryColor;}//css style //--.....
分类:
其他好文 时间:
2016-01-07 18:03:50
阅读次数:
149
下拉菜单(基本用法)小伙伴们注意,在Bootstrap框架中的下拉菜单组件是一个独立的组件,根据不同的版本,它对应的文件:? LESS版本:对应的源码文件为 dropdowns.less? Sass版本:对应的源码文件为 _dropdowns.scss? 编译后的Bootstrap版本:查看boot...
分类:
其他好文 时间:
2016-01-04 10:04:32
阅读次数:
159
SASS sass有两种后缀名文件:一种后缀名为sass,不使用大括号和分号;另一种就是我们这里使用的scss文件,这种和我们平时写的css文件格式差不多,使用大括号和分号。而本教程中所说的所有sass文件都指后缀名为scss的文件。在此也建议使用后缀名为scss的文件,以避免sass后缀名的严格格...
分类:
Web程序 时间:
2015-12-13 20:15:03
阅读次数:
159