首先,将要引用的CSS样式导入到工程文件,然后我们可以自己拼装一个网页并引用这个样式,具体代码实现如下:

-(void)viewDidLoad

{

[super viewDidLoad];

NSString *title = @"My Awesome Page";

NSString *cssName =@"screen.css";

NSString *h1=@"Hello there !";

NSString *p1 =@"Thanks for visiting my web page.";

NSString *p2  =@"I hope you like it."

NSMutableString *htmlString =[[NSMutableString alloc]initWithString:@"<html>"];

[htmlString appendString:@"<head>"];

[htmlString appendString:@"<title>"];

[htmlString appendString:title];

[htmlString appendString:@"<link rel =\"stylesheet\" href = \" "];

[htmlString appendString:cssName];

[htmlString appendString:@"\" type=\"text/css\" />"];

[htmlString appendString:@"</head>"];

[htmlString appendString:@"<body>"];

[htmlString appendString:"<h1 class = \"loud\" >"];

[htmlString appendString:h1];

[htmlString appendString:@"</h1>"];

[htmlString appendString:@"<p id=\"lighlight\">"];

[htmlString appendString:p1];

[htmlString appendString:@"</p>"];

[htmlString appendString:@"<p>"];

[htmlString appendString:p2];

[htmlString appendString:@"</p>"];

[htmlString appendString:@"<ul>"];

[htmlString appendString:@"<li class =\"loud\">Pizza</li>"];

[htmlString appendString:@"<li>Beer</li>"];

[htmlString appendString:"<li>Dogs</li>"];

[htmlString appendString:@"</ul>"];

[htmlString appendString:@"</body>"];

[htmlStirng appendString:@"</html>"];

NSString *path =[[NSBundle mainBundle]bundlePath];

NSURL *baseURL =[NSURL fileURLWithPath:path];

[webView loadHTMLString:htmlString baseURL:baseURL];

}

screen.css中的内容

body{

font-size:12px;

font-weight:bold;

font-family: Arial;

}

a { font-style: italic; }

h1 a { font-style:italic; }

.loud {font-style: italic; }

#highlight { background-color: yellow; }

IOS UIWebView引用外部CSS样式(转载)的更多相关文章

  1. 页面怎么引用外部css+js代码

    外部css样式:把css样式写到一个文件内,方便使用,减少冗余. 如果使用的是外部css样式,页面怎么引用: 使用 <link rel="stylesheet" type=& ...

  2. 久未更 ~ 五之 —— 引入外部CSS样式表 小节

    > > > > > 久未更 系列一:在html中引入外部css样式表 //引入外部css样式表 //<lilnk>要放在<head>标签的第一行, ...

  3. UIWebView加载CSS样式的html

    UIWebView加载CSS样式的html 效果 源码 // // ViewController.m // CSS // // Created by YouXianMing on 16/7/19. / ...

  4. 【微信小程序】——wxss引用外部CSS文件及iconfont

    小程序引入外部文件的方式是:@import "*/*.wxss"; 因为业务需要,正在开发的小程序中需要使用iconfont,很容易想到了H5的引入方式: ```` @font-f ...

  5. [微信小程序] -- wxss引用外部css文件及iconfont

    小程序引入外部文件的方式是: 只需要在其css文件写上: @import "外部css地址.wxss"; 因为项目需要, 小程序中需要使用iconfont , 很容易就想到了H5的 ...

  6. wap开发使用jquery mobile之后页面不加载外部css样式文件/js文件

    场景: wap开发,使用jquery mobile之后不会加载外部自定义的css文件了,需要手动刷新才会加载,查看外部自定义的js文件也是一样. 解决办法: 1.在page下面添加css样式,就不要写 ...

  7. 引用外部CSS的link和import方式的分析与比较

    很多网页中的 CSS 链接与引用是这样写的: <style type="text/css" media="screen"> @import url( ...

  8. JQ添加移除css样式--转载 心存善念

    我们常常要使用Javascript来改变页面元素的样式.其中一种办法是改变页面元素的CSS类(Class),这在传统的Javascript里,我们通常是通过处理HTML Dom的classname特性 ...

  9. 通过js获取外部css样式

    通过js获取外部样式表中的属性,比如.box在style.css样式表中有个属性叫font-size:16px; 通过js获取.box的这个属性: js代码为: <script> wind ...

随机推荐

  1. 内核编译选配(VMware篇)

    出现这个错误的原因是相应的驱动程序没有编译进内核,所以在内核启动时,不认识分区. 一.磁盘驱动没编译进内核 VMware5.5.3 的磁盘有两种,一种是IDE的,一种是SCSI的:VMware 你在新 ...

  2. Cheatsheet: 2015 07.01 ~ 07.31

    Java JBoss Drools Tutorial for Beginners Other A Simple File System RebornDB: the Next Generation Di ...

  3. PHP数据类型转换 (转)

    PHP数据类型转换 PHP的数据类型转换属于强制转换,允许转换的PHP数据类型有: •(int).(integer):转换成整形 •(float).(double).(real):转换成浮点型 •(s ...

  4. 《BI那点儿事》数据流转换——数据转换

    数据转换执行类似于T-SQL中的函数CONVERT或CAST的功能.数据转换的编辑界面如图,选择需要转换的列,在DataType下拉列表中选择需要的数据类型.Output Alias栏内设置输出时使用 ...

  5. Eclipse 修改API

    真机调试时报错,提示application api 21,device api 10 Automatic Target Mode: Unable to detect device compatibil ...

  6. linux笔记:文件系统管理-fdisk分区

    fdisk命令分区过程: 1.添加新硬盘 2.查看新硬盘: fdisk -l 3.使用fdisk命令分区: fdisk 硬盘设备文件名(如:fdisk /dev/sdb) fdisk交互指令说明: 4 ...

  7. Poisson回归模型

    Poisson回归模型也是用来分析列联表和分类数据的一种方法,它实际上也是对数线性模型的一种,不同点是对数线性模型假定频数分布为多项式分布,而泊松回归模型假定频数分布为泊松分布. 首先我们来认识一下泊 ...

  8. 用OPencv配置vs2010

    第一次作业,图像的识别存储和显示 此次选用的是Microsoft Visual Studio 2010软件,在配置和opencv的时候,要选好版本苟泽造成不兼容,因此我选用的为opencv 2.4.1 ...

  9. String类和StringBuffer类的方法

    一.String类的方法 public char charAt(int index)          返回字符串index个字符 public int length()         返回字符串长 ...

  10. C# tabconctrol切换事件

    tabconctrol没有click事件,切换page时,调用SelectedIndexChanged事件: private void tabControl1_SelectedIndexChanged ...