首先，将要引用的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. [问题2014A08] 复旦高等代数 I（14级）每周一题（第十教学周）

    [问题2014A08]  设 \(A=(a_{ij})\) 为数域 \(\mathbb{K}\) 上的 \(n\) 阶方阵, 定义函数 \[f(A)=\sum_{i,j=1}^na_{ij}^2.\] ...

  2. Oracle Form Data Entry Sample

    I shared a data entry example form here in this post for Oracle Forms beginner developers, so that t ...

  3. php : 单例设计演示

    单例 : 保证只有一个实例 <?php /* * 单例设计 */ // 单例: 只能"创造"出它的一个对象实例 class Single{ // 第一步: 私有化构造方法 p ...

  4. exception

    SQL> -- 例外 exceptionSQL> -- 1/0SQL> ed已写入 file afiedt.buf 1  declare  2   pnum number := 0; ...

  5. iOS FMDB的使用

    简介: SQLite (http://www.sqlite.org/docs.html) 是一个轻量级的关系数据库.iOS SDK 很早就支持了 SQLite,在使用时,只需要加入 libsqlite ...

  6. poj2280Amphiphilic Carbon Molecules(极角排序)

    链接 卡了几天的破题,对于hdu的那份数据,这就一神题.. 借助极角排序,枚举以每一个点进行极角排序,然后构造两条扫描线,一个上面一个下面,两条同时走,把上线和下线的点以及上线左边的点分别统计出来,如 ...

  7. C++ do{...}while(0)的好处

    在开源软件里面经常可以看到这样的写法. #define X(a) do { f1(a); f2(a); } while(0) 1. 主要作用是放在宏定义里面,避免宏带来的语法问题. 比如 #defin ...

  8. openssl evp 哈希算法(md5,sha1,sha256)

    1. 简述 openssl提供了丰富密码学工具,一些常用的哈希算法 比如md5,sha 可以直接用提供的md5.h ,sha.h 接口使用: 为了方便开发者使用,openssl 又提供了一个EVP, ...

  9. angular中的代码执行顺序和$scope.$digest();

    angular中,在一个controller里$scope.whatever=function(){...} ,这样写只是在这个scope作用域里定义了一个函数,如果要执行的话还得在这个control ...

  10. HTML5和CSS3登录页面制作实录

    本文详细介绍使用HTML5 和CSS3 制作一个登录页面的完整过程. View demo login.html <form id="login"> <h1> ...