`
bc1998
  • 浏览: 10038 次
  • 性别: 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 -->
分享到:
评论

相关推荐

    PyPI 官网下载 | robotframework-zoomba-2.8.5.tar.gz

    3. **强大的元素选择器**:除了标准的 CSS 和 XPath 选择器,Zoomba 还提供了其他高级选择器,如基于文本、属性值等的选择方式,使得定位页面元素更加灵活。 4. **断言和验证**:Zoomba 包含了丰富的断言和验证...

    robotframework-2.8.1.win32.zip

    Robot Framework是一个开源自动化测试框架,主要适用于软件测试和任务自动化。它支持关键字驱动测试方法,提供了丰富的库,可用于Web应用、数据库、操作系统等多领域的测试。"robotframework-2.8.1.win32.zip" 是这...

    spring-framework-5.0.5.RELEASE 漏洞修复

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

    Box-CSS-Framework:Box-CSS框架

    Box-CSS框架是一款基于CSS3技术的前端开发框架,它旨在简化网页布局和设计过程,提高开发效率。作为一款轻量级的框架,Box-CSS提供了预定义的样式、响应式网格系统、易于定制的组件以及对现代浏览器的良好支持。在...

    PyPI 官网下载 | robotframework-webpack-1.0.0.tar.gz

    `Robot Framework`是一个通用的关键词驱动的测试框架,它支持创建结构化的测试用例,并提供了易于理解的语法。它广泛应用于自动化测试,包括功能测试、系统测试和验收测试。`Robot Framework`的灵活性在于可以通过...

    利用Elements css framework写的一个简单页面框架

    《利用Elements CSS Framework构建简单页面框架》 在网页设计领域,快速、高效地构建页面布局是每个开发者都需要掌握的关键技能。Elements CSS Framework就是这样一款工具,它可以帮助开发者轻松创建美观、响应式的...

    nuxt_framework-master.zip

    在"nuxt_framework-master.zip"这个压缩包中,我们可以看到一个针对Nuxt.js的定制化框架。开发者已经对一些常见的处理进行了二次封装,以提高开发效率和提供更好的用户体验。这通常包括错误处理、API调用、状态管理...

    Python库 | robotframework-browser-10.0.1.tar.gz

    Python库Robotframework-Browser是用于自动化Web浏览器测试的框架,其版本10.0.1提供了丰富的功能和改进。Robot Framework是一款广泛使用的通用自动化框架,它支持关键字驱动的测试方法,使得测试脚本易于编写和维护...

    ionic-framework-master.zip

    Ionic Framework 是一个开源的、基于Angular的移动应用框架,它允许开发者使用Web技术(HTML、CSS、JavaScript)来构建原生的iOS、Android以及 Progressive Web Apps。"ionic-framework-master.zip" 文件很可能包含...

    MoonSmile CSS Framework-开源

    在CSS框架中,MoonSmile可能包含了以下关键知识点: 1. **响应式设计**:MoonSmile可能内置了响应式布局的解决方案,使网页能在不同设备上自动适应,包括桌面、平板和手机,确保在各种屏幕尺寸下的良好显示效果。 ...

    关于960Grid CSS Framework

    960 Grid CSS Framework 是一个流行且实用的前端布局系统,它基于960像素宽度的设计,旨在简化网页设计过程,提高开发效率。这个框架由 Nathan Smith 创建,它提供了有序、响应式的页面布局解决方案,使得开发者能够...

    css框架

    在本压缩包"3_css_framework"中,可能包含了多种不同的CSS框架,帮助用户快速构建响应式、结构清晰的网页。 首先,我们要理解什么是CSS。CSS(Cascading Style Sheets)是层叠样式表,用于描述HTML或XML(包括如SVG...

    精选国外15个CSS框架.pdf

    从给出的文件【部分内容】中,我们能够提取出一系列与CSS框架相关的知识点,以下是对这些信息的详细解读。 ### CSS框架概览 CSS框架是一种为了快速、标准化地设计网页而提供的预设样式和类的集合。在现代网页设计...

    CSS框架集合

    "CSS框架集合"这个主题包含了15个不同的压缩包,每个包内含有不同的CSS框架版本或相关模板,如easy1.0、elastic.2.0.3、elements_v2和Emastic - CSS Framework 0.8等。这些框架各具特色,各有优劣,适用于不同的项目...

    PyPI 官网下载 | styler_rest_framework-1.4.2.tar.gz

    Django REST Framework是Python中广泛使用的Web服务开发框架,它简化了构建RESTful API的过程。styler_rest_framework库则是针对Django REST Framework的一个扩展,其1.4.2版本可能是为了增强API的响应样式和用户...

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

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

    基于Cocos Creator 3.x的oops-plugin-framework插件式游戏框架设计源码

    该项目为基于Cocos Creator 3.x开发的oops-plugin-framework插件式游戏框架设计源码,包含533个文件,其中包括207个元数据文件、184个TypeScript源代码文件、124个HTML文件、6个JavaScript文件、4个JSON文件、2个...

Global site tag (gtag.js) - Google Analytics