css是英文Cascading Style Sheets的缩写。它是用来美化网页内容的，比如给网页添加背景色或者背景图片，控制网页各个地方的字体大小、颜色、字体等。
如给网页添加一个背景颜色的css代码为：
background-color:red //设置背景颜色为红色而将段落字体设置为20px蓝色雅黑的css代码为：
p{font-size:20px color:blue font-family:Microsoft Yahei}1. CS/CSS系统架构的基本概念 1.1系统架构定义虽然B/S结构、J2EE架构愈来愈成为流行模式，但基于传统的C/S结构的应用程序还广泛地应用于各种行业。尤其是金融行业中的商业银行柜面－核心帐务系统等。一方面由于传统商业银行一般都有大量的字符终端等需要复用的设备，一方面也是因为他们存在大量密集的对实时性要求很高的高柜业务，使用传统的基于C/S结构或者C/S/S结构的应用效率更有保证。
C/S结构即CLIENT/SERVER结构。传统的C/S结构一般分为两层：客户端和服务器端。该结构的基本工作原理是，客户程序向数据服务器发送SQL请求，服务器返回数据和结果。客户端负责实现用户接口功能，同时封装了部分应用逻辑。服务器端的数据库服务器主要提供数据存储功能，也通过触发器和存储过程提供部分应用逻辑。
C/S/S结构即客户/应用服务器/数据库服务器三层结构，中间增加了应用服务器，通常实现应用逻辑，是连接客户与数据库服务器的桥梁。它响应用户发来的请求执行某种业务任务，并与数据库服务器打交道，技术实现上通常选用中间件产品，如BEA公司的TUXEDO和IBM公司的CICS等。（事实上J2EE架构的应用也属于这种三层或多层结构，这里不包括。）
三层或多层C/S结构与两层C/S结构相比，它的优势主要表现在：安全性加强、效率提高、易于维护、可伸缩性、可共享性、开放性好等。 1.2系统架构示意图
1.3CS/CSS系统架构中性能测试的特点 1.3.1CS/CSS系统架构的性能影响因素
由于CS/CSS系统的以下特性，测试工程师对一个CS/CSS系统实施性能测试具有很大的难度： *整个系统的各个部分使用多种操作系统，性能上有差别；
*整个系统架构的各个环节上使用多种数据库，同样在性能上有差别；
*应用是多个，分属多个种类，分布在不同设备上，包括自行开发的应用、第三方的应用； *系统中的设备、组件通过不同协议进行连接、通讯；
*系统的内部接口多，性能瓶颈多；而系统的整体性能往往取决于最差的部分；需要分别测试和联合测试
*系统的性能指标不光同应用系统架构有关，还和具体行业应用的业务模式有关； *采用此架构的行业应用往往是一个7×24小时系统；
*采用此架构的行业应用可能高柜业务多，这样会影响对性能度量项的选取和转换； *各个环节基本上以交换数据报文的方式通信，其格式经常会比较复杂。
因此这样的系统对于对测试工程师的知识的深度和广度都是一个考验。对于这样的系统，到底如何使用什么样的测试策略、如何分析测试需求、如何选取性能度量项的转换计算模型、如何确定测试内容和轮次、如何设计性能测试案例等等以及规划和实施性能测试中的其它诸多问题，都需要遵循一个系统的方法来解决。
1.3.2CS/CSS系统架构中性能测试的基本策略 1. 确定好测试工作范围
首先可以分析压力测试中最容易出现瓶颈的地方，从而有目的地调整测试策略或测试环境，使压力测试结果真实地反映出软件的性能。例如，服务器的硬件限制、数据库的访问性能设置等常常会成为制约软件性能的重要因素，但这些因素显然不是用户最关心的，我们在测试之前就要通过一些设置把这些因素的影响调至最低。
另外，用户更关心整个系统中哪个环节的性能情况也会影响工作范围。如有的环节是全新系统，而有的环节已经是成熟系统只是稍有改动，这样可能全新系统的局部性能测试就需要系统和全面一些。 2. 分析好客户的性能测试需求
客户是已经明确提出了性能指标，还是只提供了用户使用方式和历史交易流量数据，需要我们自己进行性能基准的计算？性能测试的目的是验证系统性能还是想确定目标系统的理想配置？是否还要使用测试结果预测在不同机型的处理能力？是否要求在性能测试各个轮次中安排性能调优过程等等问题都需要有针对性的解答。
3. 要作好性能测试的计划和方案
测试计划和方案中要注意测试需求分析阶段提出的问题的解决。 4. 确定的测试通过准则、性能测试的计划、结果要获得客户的认可
要和客户确认，系统的性能指标达标的标准是什么；对于性能测试中各个部分和步骤的计划和结果，甚至是性能测试过程，都要根据其重要程度，决定是否需要客户进行确认和签字。获得客户的认可是最重要的。
1.3.3CS/CSS系统中性能测量与性能探测 性能测量
1. 在性能测试开始前必须认真规划性能测量：
软件性能测量技术范围很广。可以包括日志、事件计数、事件持续时间、采样等性能测量技术。 *确定性能测量的策略：我们要测试什么？ *规划性能测试中使用什么样的测量工具。
随着Internet编程技术的不断发展，越来越多的大学毕业生加入了Web开发行业中，我们都知道Web开发需要使用css进行定位和布局。
下面，沈阳北大青鸟带大家来看看如何编写css代码。
前端系统的变化可以描述为每天都在变化。
在短短的一年时间里，理论，框架，构建工具甚至开发语言都发生了巨大的变化。
随着新项目即将开始，我花时间审查了上一个项目的前端架构。
我已经产生了很多想法，我将尽可能地记录它们以准备新的框架。
一、OOCSS(面向对象的CSS)OOCSS的使用主要有两个原则，一种是分离结构和外观，其中主要包括分离容器和内容。
OOCSS主要基于对象的编程方法，OOCSS的目的主要是支持代码的复用，最终保证样式能很好的进行添加和维护。
OOCSS也存在一些缺点，它主要适合大型网站的开发项目，因为大型网站的可重用性组件非常多，在运行小项目的时候没有非常好的才、效果，所有在选择的时候应该根据项目的情况进行选择。
二、BEM(块元素修饰符)BEM是一个名为命名约定的CSS。
它不涉及如何编写CSS的结构。
在进行电脑培训的过程中，电脑培训建议仅为每个元素添加具有以下内容的CSS类名称。
在BEM模式下，它看起来很麻烦且冗余，但每个CSS类名称都能够很好地描述出它的作用。
与LESS或SASS结合使用时，会降低其写入复杂度。
三、规则文档很多人更加倾向于关注大方面并忘记了细节，一份定义明确的规则文档能够提醒我们根据需要进行编写代码。
一份好的规则文件应遵循以下规范：其中需要包含不可变规则，而不是一般描述需要始终将规则细化为最简单的表达式，首先解释规则是什么，然后说“如果没有，那会发生什么？并且沈阳沈阳北大青鸟认为每条规则必须包含以下单词之一-始终，从不，仅，每个，不需要。
四、综合方案就如开头的介绍，BEM的简单使用并没有解决我们在项目中遇到的问题，反而还会产生其他的新的问题，但这不是BEM的责任。
IT培训认为作为前端架构的重要组成部分，CSS主要是需要为项目选择出合适的解决方案，而不是因为它在业界很受欢迎而使用它。
