`
bc1998
  • 浏览: 9879 次
  • 性别: Icon_minigender_1
  • 来自: 北京
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

css framework-css 框架(6-3更新)

阅读更多
我们不比每次书写相同的样式表,然而你开始一个项目的时候有些常用的id和class你已经在之前的其他项目中定义过, 而这些常用的样式定义,如纠错,字体和布局等在不同的项目中有着基本相同的处理,这样把公用的样式提取出来就产生了css框架. 即使用这个标题我还是要申明我的观点,我不认为css有什么框架可以协助快速开发的,相反使用一些css框架反而会影响开发速度,因为这些框架不一定是我们在项目中常常的使用方案..我理想的css框架应该是一种软件,你可以对其进行一下描述然后既可生成css代码这样的东西,可是我一直没有遇到这种东西.我这里所说的框架是面向开发者的css部署方案或者是参考的css应用案例. 什么是css framework? 框架是一个基本的,概念的构造. 比如, 重建全部定义, 一致的应用, 排版基本规则和表单应用.这些常用的,而且每个项目基本一直的方案的共同体就叫做CSS Framework. CSS frameworks 不用做的很大或很复杂,应该是短小的而且分散在若干的独立文件中.如 typography.css 基本排版规则, grid.css 基本网格布局, layout.css 常用布局, form.css 基本表单样式, general.css 更多规则. 这样我们就可以针对不同的输出设备进行不同的组合来处理,从而节省开发周期,提高开发效率. 这也就是我们在编程思想中常用的模块式开发. 但是有一个问题,我们为了归类处理css独立文件,这点无疑有利于我们开发,但它和应用时避免多进程的规则有冲突,我们该如何应用在实际当中呢?这里第一需要我们的宏观部署css规则经验,因为css虽已经刚刚推出命名空间,但对于大部分浏览器仍然不支持,而且样式往往在应用中处于迭代开发模式.这样就需要我们人为的参与了. 预处理,现在大家都开始注意到图片的预处理比如google首页会预处理搜索结果所需的图片,但是同样的道理我们也可以做css的预处理就是把通用的css定义和首页的css定义写在同一个外部文件中,这里注意:不一定是首页的css定义,因为你的网站第一来源指向不一定是首页,这里是指同在你的网站中两个相对于跳转的父页和子页,当然子页的去向有时候是不确定的,但是还是有一定的规律,比如流程页面. 我们还可以借助后台脚本程序实现压缩css代码和连接多个css文件.但我渴望有更智能化的程序能够协助分析规则在不同文件中的部署来实现css文件切分.可惜在开源的一些项目中我至今没有找到,不知一些大型网站是否有这样的工具. AddPostSenseWidget( "http://www.myued.com/wp-content/plugins/yodao/dynamic-stylesheet.php?bo=BBBBBB&#038;bk=0033FF&#038;mark=1", 5, "http://www.myued.com", 4, "http://www.myued.com");<br /><!-- Feedsky flare --><a href="http://feed.feedsky.com/~flare/bc1998?a=7cff5e3d2817619dbbe7c130d33d5629" target="_blank"><img src="http://feed.feedsky.com/~flare/bc1998?i=7cff5e3d2817619dbbe7c130d33d5629" border="0"></a><a href="http://feed.feedsky.com/~flare/bc1998?a=ac4c735b9bdae6ddbd4fb837652205e0" target="_blank"><img src="http://feed.feedsky.com/~flare/bc1998?i=ac4c735b9bdae6ddbd4fb837652205e0" border="0"></a><a href="http://feed.feedsky.com/~flare/bc1998?a=c39f7b47113803b1025073ac09264609" target="_blank"><img src="http://feed.feedsky.com/~flare/bc1998?i=c39f7b47113803b1025073ac09264609" border="0"></a><a href="http://feed.feedsky.com/~flare/bc1998?a=1076c744682e1d4c2472702309d7751e" target="_blank"><img src="http://feed.feedsky.com/~flare/bc1998?i=1076c744682e1d4c2472702309d7751e" border="0"></a><a href="http://feed.feedsky.com/~flare/bc1998?a=5b2e7d72cceeb4ab095b2b8c7c610d0e" target="_blank"><img src="http://feed.feedsky.com/~flare/bc1998?i=5b2e7d72cceeb4ab095b2b8c7c610d0e" border="0"></a><a href="http://feed.feedsky.com/~flare/bc1998?a=b25bf575eee94dceb5c49965fdd9477a" target="_blank"><img src="http://feed.feedsky.com/~flare/bc1998?i=b25bf575eee94dceb5c49965fdd9477a" border="0"></a><a href="http://feed.feedsky.com/~flare/bc1998?a=15b292d23dec5d5c97159d1c015dc842" target="_blank"><img src="http://feed.feedsky.com/~flare/bc1998?i=15b292d23dec5d5c97159d1c015dc842" border="0"></a><a href="http://feed.feedsky.com/~flare/bc1998?a=a9bf8b3ce67c8c92e803d35a873abce5" target="_blank"><img src="http://feed.feedsky.com/~flare/bc1998?i=a9bf8b3ce67c8c92e803d35a873abce5" border="0"></a><!-- /Feedsky flare -->
分享到:
评论

相关推荐

    spring-framework-5.0.5.RELEASE 漏洞修复

    Spring MVC框架支持配置静态资源文件(例如CSS、JS、图片等)访问,当静态文件存储在Windows平台的文件系统时,攻击者可以通过构造一个恶意的URL来实现目录遍历攻击。 Spring框架Multipart内容污染(CVE-2018-...

    Box-CSS-Framework:Box-CSS框架

    Box-CSS-Framework:Box-CSS框架

    ui-framework:Web UI框架,Apigee风格

    在页面中包含dist/css/ui-framework-context-*.css样式表之一 如果您使用预构建CSS而不是Less,您将错过Apigee UI框架的重要功能,例如混合和变量。 集成到现有产品中(正确方式) 您将需要在项目中设置和编译。 ...

    unname-css-framework:一个简单的彩色CSS框架

    未命名是一个简单的彩色css框架,建议在学习某些东西时使用它,而您又懒得为创建的样式设计组件或构建原型。 Npm npm install --save unnamed 纱 yarn add unnamed CDN &lt;link rel="stylesheet" href=...

    15个国外最流行的CSS框架

    3. **YAML CSS Framework** - YAML由Dirk Jesse开发,是一个强大且标准兼容的(X)HTML/CSS框架,支持各种浏览器,包括所有版本的Internet Explorer。 **下载地址**: [http://www.yaml.de/en/download.html]...

    nuxt_framework-master.zip

    nuxt前端开发框架 二次封装常用的处理及提示 使用element-ui和postcss 使用vue-responsive-component,使框架支持响应式组件

    kntnt-css-framework:CSS框架

    Kntnt CSS框架 Kntnt CSS框架( KCF )是一整套级联的样式表,可让您更轻松地构建网站。 背景 有很多CSS框架。 可以说最广为人知的是 ,它是一个了不起的工具包,“具有Sass变量和mixin,响应式网格系统,广泛的预建...

    simple-postcss-framework:与PostCSS一起使用的简单CSS框架

    演示版要查看此简单的PostCSS框架提供的内容,请访问: ://simple-postcss-framework.hjemmesidekongen.dk/这个框架提供了什么? 网格纽扣排版(段落,链接和标题) 布局(向下压页脚) 形式元素重置常见元素安装及...

    WYMstyle CSS framework-开源

    WYMstyle是面向Web设计人员CSS(级联样式表)框架。 它允许使用健壮CSS模块更快地设计网站,而CSS模块已经在各种Web浏览器中进行了测试。

    MoonSmile CSS Framework-开源

    MoonSmile-这是一个相当简单,方便和灵活CSS框架,专为初学者和专业人士设计。 它可以大大减少级联样式表的开发时间。

    Blueprint CSS Framework 学习笔记

    这个框架提供了标准化的CSS规则,帮助开发者快速构建响应式和易于维护的网页设计。以下是对Blueprint CSS Framework主要特性的详细说明: 1. **重置CSS**:Blueprint首先对常见的43个HTML标签进行了统一的样式重置...

    css-framework:我CSS框架| 贝宁(Benim Css)库图潘尼姆(Kütüphanem)

    Css Framework -1 / Benim Css Framework'um KullanılmasıÜcretsizdirAncak Bu Benim DiyeİzinsizPaylaşılmasıYasaktır! (框架创建者)+(KütüphaneOluşturucuları)AbdulSamet Daha Gelicektir。

    play framework 框架手册 word 版

    框架id(framework ID) - 141 - 从命令行设置框架id - 142 - 22.生产部署 - 142 - application.conf - 142 - 设置框架为prod模式: - 142 - 定义一个真实的数据库: - 143 - 禁止JPA的自动结构更新: - 143 - 定义一...

    vanilla-framework:从社区网站到Web应用程序,此CSS框架将帮助您获得一致的外观

    香草框架 Vanilla Framework是使用构建的可扩展CSS框架,旨在直接使用,也可以通过使用主题来扩展或补充其模式。 |热连结通过将x值替换为的,您可以链接到最新版本以直接添加到标记中。 &lt; link rel =" stylesheet...

    软件工程师-10个超赞便利的HTML5CSS3框架推荐.docx

    作为第一个使用Enavu Network开发的HTML5/CSS3框架,52framework提供了一套完整的开发工具和资源。 9. G5 Framework G5基于F布局,强调CSS和SEO优化,包含PHP active class、HTML5 placeholder fallback、粘性...

    css-framework-challenge

    CSS框架挑战 用Bootstrap框架编写的网页,最大的困难是了解定位。 我无法在所有屏幕尺寸上响应显示并创建隐藏菜单时遇到困难。

    Jaidee Framework:一个简单的响应式前端CSS框架-开源

    Jaidee CSS Framework是简单的开源功能强大的工具,用于开发灵活的网站,移动Web应用程序和在线Web应用程序。 Jaidee Framework具有许多用于Web在线解决方案的工具,例如HTML Framework,Grid System等主要功能1....

    stylus-css-framework:手写笔框架

    手写笔 CSS 框架使用 Stylus 构建的 CSS 框架。 您可以以此为基础创建新项目。 如果你已经创建了一个 mixin 或者想要提出改进建议,请发送请求请求;)安装tylus 需要安装 。 包含一个 Gulp 文件来运行 Stylus。 要...

    restaurant-css-framework-2

    餐厅css框架 项目餐厅 团队 : 阿布(AOB) 阿诺(AWA) 内贾(NAG) 奥利维尔(OPI) 帕特里夏(PCO) 角色 : AOB =主页 PCO =菜单 NAG =餐厅 OPI =图片+结构 AWA =联系人 名称 : 别致的烤肉串 但是我们是...

Global site tag (gtag.js) - Google Analytics