[框架与框剪结构区别]框架柱和框支柱的区别是什么

  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
[wenku.baidu.com
篇一:框架柱和框支柱的区别是什么:框架柱和框支柱的区别是什么?:框架柱就是在框架结构中承受梁和板传来的荷载,并将荷载传给基础,是主要的竖向受力构件。需要通过计算配筋。框支梁与框支柱用于转换层,如下部为框架结构上部为剪力墙结构,支撑上部结构的梁柱为KZZ和KZL.框与柱与框架柱的区别也就是所用部位不同,然后结构设计时所考虑的也就不尽相同了。简单一点就是框支柱是框架梁上的柱,用于转换层上层。框支柱与框架柱的区别在于框架柱与基础相连,框支柱与框架梁相连。以上内容均根据学员实际工作中遇到的问题整理而成,供参考,如有问题请及时沟通、指正。篇二: Hibernate框架简述CSS是一门历史悠久的标记性语言,同HTML一道,被广泛应用于万维网中。HTML主要负责文档结构的定义,CSS负责文档表现形式或样式的定义。作为一门标记性语言,CSS的语法相对简单,对使用者的要求较低,但同时也带来一些问题:CSS需要书写大量看似没有逻辑的代码,不方便维护及扩展,不利于复用,尤其对于非前端开发工程师来讲,往往会因为缺少CSS编写经验而很难写出组织良好且易于维护的CSS代码,造成这些困难的很大原因源于CSS是一门非程序式语言,没有变量、函数、SCOPE等概念。LESS为Web开发者带来了福音,它在CSS的语法基础之上,引入了变量,Mixin,运算以及函数等功能,大大简化了CSS的编写,并且降低了CSS的维护成本,就像它的名称所说的那样,LESS可以让我们用更少的代码做更多的事情。回页首本质上,LESS包含一套自定义的语法及一个解析器,用户根据这些语法定义自己的样式规则,这些规则最终会通过解析器,编译生成对应的CSS文件。LESS并没有裁剪CSS原有的特性,更不是用来取代CSS的,而是在现有CSS语法的基础上,为CSS加入程序式语言的特性。下面是一个简单的例子:@color: #4D926F; #header { color: @color; } h2 { color: @color; }经过编译生成的CSS文件如下:#header { color: #4D926F; } h2 { color: #4D926F; }从上面的例子可以看出,学习LESS非常容易,只要你了解CSS基础就可以很容易上手。LESS可以直接在客户端使用,也可以在服务器端使用。在实际项目开发中,我们更推荐使用第三种方式,将LESS文件编译生成静态CSS文件,并在HTML文档中应用。我们可以直接在客户端使用.less,只需要从http://lesscss.org下载less.js文件,然后在我们需要引入LESS源文件的HTML中加入如下代码:LESS源文件的引入方式与标准CSS文件引入方式一样:需要注意的是:在引入.less文件时,rel属性要设置为“stylesheet/less”。还有更重要的一点需要注意的是:LESS源文件一定要在less.js引入之前引入,这样才能保证LESS源文件正确编译解析。LESS在服务器端的使用主要是借助于LESS的编译器,将LESS源文件编译生成最终的CSS文件,目前常用的方式是利用node的包管理器安装LESS,安装成功后就可以在node环境中对LESS源文件进行编译。在项目开发初期,我们无论采用客户端还是服务器端的用法,我们都需要想办法将我们要用到的CSS或LESS文件引入到我们的HTML页面或是桥接文件中,LESS提供了一个我们很熟悉的功能— Importing。我们可以通过这个关键字引入我们需要的.less或.css文件。如:@import “variables.less”; .less文件也可以省略后缀名,像这样:@import “variables”;引入CSS同LESS文件一样,只是.css后缀名不能省略。我们可以通过LESS的编译器,将LESS文件编译成为CSS文件,在HTML文章中引入使用。这里要强调的一点,LESS是完全兼容CSS语法的,也就是说,我们可以将标准的CSS文件直接改成.less格式,LESS编译器可以完全识别。回页首LESS允许开发者自定义变量,变量可以在全局样式中使用,变量使得样式修改起来更加简单。我们可以从下面的代码了解变量的使用及作用:@border-color : #b5bcc7; .mythemes tableBorder{ border : 1px solid @border-color; }经过编译生成的CSS文件如下:.mythemes tableBorder { border: 1px solid #b5bcc7; }从上面的代码中我们可以看出,变量是VALUE级别的复用,可以将相同的值定义成变量统一管理起来。该特性适用于定义主题,我们可以将背景颜色、字体颜色、边框属性等常规样式进行统一定义,这样不同的主题只需要定义不同的变量文件就可以了。当然该特性也同样适用于CSS RESET,在Web开发中,我们往往需要屏蔽浏览器默认的样式行为而需要重新定义样式表来覆盖浏览器的默认行为,这里可以使用LESS的变量特性,这样就可以在不同的项目间重用样式表,我们仅需要在不同的项目样式表中,根据需求重新给变量赋值即可。LESS中的变量和其他编程语言一样,可以实现值的复用,同样它也有生命周期,也就是Scope,简单的讲就是局部变量还是全局变量的概念,查找变量的顺序是先在局部定义中找,如果找不到,则查找上级定义,直至全局。下面我们通过一个简单的例子来解释Scope。@width : 20px; #homeDiv { @width : 30px; #centerDiv{ width : @width;//此处应该取最近定义的变量width的值30px } } #leftDiv { width : @width; //此处应该取最上面定义的变量width的值20px }经过编译生成的CSS文件如下:#homeDiv #centerDiv { width: 30px; } #leftDiv { width: 20px; } Mixins功能对用开发者来说并不陌生,很多动态语言都支持Mixins特性,它是多重继承的一种实现,在LESS中,混入是指在一个CLASS中引入另外一个已经定义的CLASS,就像在当前CLASS中增加一个属性一样。我们先简单看一下Mixins在LESS中的使用://定义一个样式选择器.roundedCorners { -moz-border-radius: @radius; -webkit-border-radius: @radius; border-radius: @radius; } //在另外的样式选择器中使用#header { .roundedCorners; } #footer { .roundedCorners; }经过编译生成的CSS文件如下:#header { -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } #footer { -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; }从上面的代码我们可以看出:Mixins其实是一种嵌套,它允许将一个类嵌入到另外一个类中使用,被嵌入的类也可以称作变量,简单的讲,Mixins其实是规则级别的复用。Mixins还有一种形式叫做Parametric Mixins,LESS也支持这一特性://定义一个样式选择器.borderRadius{ -moz-border-radius: @radius; -webkit-border-radius: @radius; border-radius: @radius; } //使用已定义的样式选择器#header { .borderRadius; //把10px作为参数传递给样式选择器} .btn { .borderRadius;// //把3px作为参数传递给样式选择器}经过编译生成的CSS文件如下:#header { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } .btn { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }我们还可以给Mixins的参数定义一人默认值,如.borderRadius{ -moz-border-radius: @radius; -webkit-border-radius: @radius; border-radius: @radius; } .btn { .borderRadius; }经过编译生成的CSS文件如下:.btn { -moz-border-radius: 5px; -webkit-border-radius: 5
相关文档
最新文档