使用 IntraWeb (10) - CSS
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相关推荐
- 9.10 css
css css叫层叠样式表 ,用于给html添加样式 网页中如何嵌套style样式 1.行间样式(将style当做属性写在标签内) 例如:<P ></p> 2.行内样式(将st ...
- 10.CSS 能量球动画特效
效果 源码 <!DOCTYPE html> <html> <head><title>Energy Ball Animation Effects</ ...
- 10 CSS盒子模型+圆角边框+盒子阴影+文字阴影
1. 盒子模型 1.1 看透网页布局的本质 网页布局过程: 先准备好相关的网页元素,网页元素基本都是盒子 Box . 利用 CSS 设置好盒子样式,然后摆放到相应位置. 往盒子里面装内容. 网页布局的 ...
- 带你了解CSS开发中的10个不要
今天继续给大家分享一篇翻译的一篇文章. 自我进入这个行业,我就发现开发人员一直在努力征服CSS. 理由也很充分,开发人员是用逻辑思考的生物.添加一个DIV元素导致所有代码都不得不往下移一行,而另一个D ...
- html css3加速,10个加速CSS开发的框架
CSS可以做很多事情,但开发者更习惯的是变量.常量和一般的更快速的语法,而CSS本身是不支持的.本文介绍了10个CSS预处理器,让CSS支持一些简单的编程语法. Compass是一个开源的CSS制作框 ...
- 前端CSS预处理器Sass
前面的话 "CSS预处理器"(css preprocessor)的基本思想是,用一种专门的编程语言,进行网页样式设计,然后再编译成正常的CSS文件.SASS是一种CSS的开发工 ...
- LESS CSS 框架简介与使用
简介 CSS(层叠样式表)是一门历史悠久的标记性语言,同 HTML 一道,被广泛应用于万维网(World Wide Web)中.HTML 主要负责文档结构的定义,CSS 负责文档表现形式或样式的定义. ...
- css hack合集
在前端开发中最烦人的问题莫过于浏览器兼容性问题了,下面是我工作依赖积累的CSS hack笔记,都是再线上使用过的哦,都是经过考验的! Webkit内核CSS hack(Chrome.Safari.Op ...
- css 实现app图标样式_界面按钮样式丑?不可能!16款css实现炫酷按钮
今天跟大家分享与CSS3按钮相关的特效展示案例,这些例子特效主要由CSS3编写出来,除了新鲜有创意之外,编写代码质量也很高,对于前端人员或设计师都有参考的价值,当然有的不是全CSS3编写的,部分是需要 ...
最新文章
- .svn提交项目提示更新副本
- Alpha 冲刺 (8/10)
- SB Admin 2 学习笔记1
- Windows环境安装Tomcat
- AtCoder Beginner Contest 215 G - Colorful Candies 2
- 关于MySQL出现`lock wait timeout exceeded; try restarting transaction` 的解决方案
- 我犯的错误--struts标签s:radio
- 华硕路由器 linux上不了网,华硕ASUS路由器连不上网怎么办?
- SpringBoot+拦截器+自定义异常+自定义注解+全局异常处理简单实现接口权限管理...
- sql 安装程序文件_【病毒文件分析】MedusaLocker勒索病毒,小心全网被加密
- Flex + BlazeDS 学习笔记 (一) --- BlazeDS的功能原理及配置实例
- 彻底解决unable to find valid certification path to requested target
- 调制解调器 已删除 不可使用的设备
- php 微信模拟登陆给用户发送消息(文字,图片,图文)
- sed正则表达式替换字符方法
- OpenWrt 编译及batman-adv组件选择(for Netgear WNDR3800)
- 阿里云国际版CDN的优势
- 数据处理之Pandas中数据类型转换
- 基于java的药店药品进销存管理系统
- 直线泵(Linear pump) 原理介绍