IW 会把大多数的视觉属性转换为 CSS; 我们主动使用 CSS 要分两步:



第一步:


{通过窗体的 StyleSheet 属性指定要链接的 CSS 文件}
procedure TIWForm1.IWAppFormCreate(Sender: TObject);
beginStyleSheet.Filename := 'MyCss1.css'; //CSS 文件须放在 wwwroot 下
//  StyleSheet.URL := 'http://...';    //外链
end;{假如站点级的 CSS ... TIWServerController.OnCreate}
procedure TIWServerController.IWServerControllerBaseCreate(Sender: TObject);
beginStyleSheet.Filename := 'MyCss1.css'; //CSS 文件须放在 wwwroot 下
//  StyleSheet.URL := 'http://...';    //外链
end;


第二步:


{为要使用样式的控件指定 Css 属性}
procedure TIWForm1.IWAppFormCreate(Sender: TObject);
beginStyleSheet.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);
beginIWServerController.HTMLHeaders('<link type="text/css" rel="stylesheet" href="MyCss1.css"/>');Self.PreHeader.Add('<link type="text/css" rel="stylesheet" href="MyCss2.css"/>');Self.ExtraHeader.Add('<link type="text/css" rel="stylesheet" href="MyCss3.css"/>');IWServerController.ContentFiles.Add('MyCss4.css');Self.ContentFiles.Add('MyCss5.css');
end;


有没有可能直接在代码中写入 CSS 呢?


{使用 ExtraTagParams 属性}
IWLabel1.ExtraTagParams.Add('style = color: #f00; font-size:22px;');{使用 OnHTMLTag 事件, 需要 uses IWHTMLTag}
procedure TIWForm1.IWLabel1HTMLTag(ASender: TObject; ATag: TIWHTMLTag);
beginATag.AddStringParam('style', 'color: #f00; font-size:22px;');
end;

使用 IntraWeb (10) - CSS相关推荐

  1. 9.10 css

    css css叫层叠样式表 ,用于给html添加样式 网页中如何嵌套style样式 1.行间样式(将style当做属性写在标签内) 例如:<P ></p> 2.行内样式(将st ...

  2. 10.CSS 能量球动画特效

    效果 源码 <!DOCTYPE html> <html> <head><title>Energy Ball Animation Effects</ ...

  3. 10 CSS盒子模型+圆角边框+盒子阴影+文字阴影

    1. 盒子模型 1.1 看透网页布局的本质 网页布局过程: 先准备好相关的网页元素,网页元素基本都是盒子 Box . 利用 CSS 设置好盒子样式,然后摆放到相应位置. 往盒子里面装内容. 网页布局的 ...

  4. 带你了解CSS开发中的10个不要

    今天继续给大家分享一篇翻译的一篇文章. 自我进入这个行业,我就发现开发人员一直在努力征服CSS. 理由也很充分,开发人员是用逻辑思考的生物.添加一个DIV元素导致所有代码都不得不往下移一行,而另一个D ...

  5. html css3加速,10个加速CSS开发的框架

    CSS可以做很多事情,但开发者更习惯的是变量.常量和一般的更快速的语法,而CSS本身是不支持的.本文介绍了10个CSS预处理器,让CSS支持一些简单的编程语法. Compass是一个开源的CSS制作框 ...

  6. 前端CSS预处理器Sass

    前面的话   "CSS预处理器"(css preprocessor)的基本思想是,用一种专门的编程语言,进行网页样式设计,然后再编译成正常的CSS文件.SASS是一种CSS的开发工 ...

  7. LESS CSS 框架简介与使用

    简介 CSS(层叠样式表)是一门历史悠久的标记性语言,同 HTML 一道,被广泛应用于万维网(World Wide Web)中.HTML 主要负责文档结构的定义,CSS 负责文档表现形式或样式的定义. ...

  8. css hack合集

    在前端开发中最烦人的问题莫过于浏览器兼容性问题了,下面是我工作依赖积累的CSS hack笔记,都是再线上使用过的哦,都是经过考验的! Webkit内核CSS hack(Chrome.Safari.Op ...

  9. css 实现app图标样式_界面按钮样式丑?不可能!16款css实现炫酷按钮

    今天跟大家分享与CSS3按钮相关的特效展示案例,这些例子特效主要由CSS3编写出来,除了新鲜有创意之外,编写代码质量也很高,对于前端人员或设计师都有参考的价值,当然有的不是全CSS3编写的,部分是需要 ...

最新文章

  1. .svn提交项目提示更新副本
  2. Alpha 冲刺 (8/10)
  3. SB Admin 2 学习笔记1
  4. Windows环境安装Tomcat
  5. AtCoder Beginner Contest 215 G - Colorful Candies 2
  6. 关于MySQL出现`lock wait timeout exceeded; try restarting transaction` 的解决方案
  7. 我犯的错误--struts标签s:radio
  8. 华硕路由器 linux上不了网,华硕ASUS路由器连不上网怎么办?
  9. SpringBoot+拦截器+自定义异常+自定义注解+全局异常处理简单实现接口权限管理...
  10. sql 安装程序文件_【病毒文件分析】MedusaLocker勒索病毒,小心全网被加密
  11. Flex + BlazeDS 学习笔记 (一) --- BlazeDS的功能原理及配置实例
  12. 彻底解决unable to find valid certification path to requested target
  13. 调制解调器 已删除 不可使用的设备
  14. php 微信模拟登陆给用户发送消息(文字,图片,图文)
  15. sed正则表达式替换字符方法
  16. OpenWrt 编译及batman-adv组件选择(for Netgear WNDR3800)
  17. 阿里云国际版CDN的优势
  18. 数据处理之Pandas中数据类型转换
  19. 基于java的药店药品进销存管理系统
  20. 直线泵(Linear pump) 原理介绍

热门文章

  1. CNCC2018 即将开幕,报名优惠截止倒计时5天!
  2. 顶尖黑客集结令 | GeekPwn2018上海站邀你“决战AI安全”
  3. 深度神经进化大有可为?Uber详解如何用它优化强化学习 | 5篇论文
  4. python 正则匹配手机号
  5. NFS==network file system
  6. 软件工程学习进度表06
  7. AngularJS中$timeout和$interval的用法详解
  8. ESP8266 多通道
  9. perl first day
  10. MySQL数据库基本操作1