首页 > 代码库 > 使用 IntraWeb (10) - CSS
使用 IntraWeb (10) - CSS
IW 会把大多数的视觉属性转换为 CSS; 我们主动使用 CSS 要分两步:
第一步:
{通过窗体的 StyleSheet 属性指定要链接的 CSS 文件} procedure TIWForm1.IWAppFormCreate(Sender: TObject); begin StyleSheet.Filename := ‘MyCss1.css‘; //CSS 文件须放在 wwwroot 下 // StyleSheet.URL := ‘http://...‘; //外链 end; {假如站点级的 CSS ... TIWServerController.OnCreate} procedure TIWServerController.IWServerControllerBaseCreate(Sender: TObject); begin StyleSheet.Filename := ‘MyCss1.css‘; //CSS 文件须放在 wwwroot 下 // StyleSheet.URL := ‘http://...‘; //外链 end;
第二步:
{为要使用样式的控件指定 Css 属性} procedure TIWForm1.IWAppFormCreate(Sender: TObject); begin StyleSheet.Filename := ‘MyCss1.css‘; IWMemo1.Css := ‘Class1‘; //假如 MyCss1.css 中有个 Class1 的类, 如: .Class {font-size: 32px; } IWMemo1.StyleRenderOptions.RenderFont := False; //一般情况下, 还需要同时调整下 StyleRenderOptions 属性 end; {------------------------------------------------------------------ 关于 StyleRenderOptions 属性: 如果我们给控件使用了 CSS, 就有可能和控件本身的属性发生冲突, 用哪一个呢? 这需要控件的 StyleRenderOptions 属性来决定! 它也是个类(IWTypes.TIWStyleRenderOptions < TPersistent < TObject), 该类只有几个布尔属性: property RenderSize: Boolean // property RenderPosition: Boolean // property RenderFont: Boolean // property RenderZIndex: Boolean // property RenderVisibility: Boolean // property RenderStatus: Boolean //Enabled property RenderPadding: Boolean // property RenderBorder: Boolean // property RenderAbsolute: Boolean // property UseDisplay: Boolean // 当对应值为 False 时才可以使用相应的 CSS. -------------------------------------------------------------------}
CSS 的诸多操作类似与 JavaScript, 譬如:
procedure TIWForm1.IWAppFormCreate(Sender: TObject); begin IWServerController.HTMLHeaders(‘<link type="text/css" rel="stylesheet" href="http://www.mamicode.com/MyCss1.css"/>‘); Self.PreHeader.Add(‘<link type="text/css" rel="stylesheet" href="http://www.mamicode.com/MyCss2.css"/>‘); Self.ExtraHeader.Add(‘<link type="text/css" rel="stylesheet" href="http://www.mamicode.com/MyCss3.css"/>‘); IWServerController.ContentFiles.Add(‘MyCss4.css‘); Self.ContentFiles.Add(‘MyCss5.css‘); end;
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。