首先，将要引用的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. linux(centos )mongodb install

    file down :http://fastdl.mongodb.org/linux/mongodb-linux-x86_64-2.4.9.tgz /usr/local/ tar zxvf mongo ...

  2. KO Demo

    <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <m ...

  3. 学习mongo系列（六）limit(munber),skip(number)

    > db.user.find().pretty(){ "_id" : ObjectId("56946fba3a18f4867aecbcd1"), &quo ...

  4. STM32学习笔记(八) SPI总线(操作外部flash)

    1. SPI总线简介 SPI全称串行外设接口,是一种高速,全双工,同步的外设总线:它工作在主从方式,常规需要至少4根线才能够正常工作.SPI作为基本的外设接口,在FLASH,EPPROM和一些数字通讯 ...

  5. Hibernate延迟加载机制

    延迟加载: 延迟加载机制是为了避免一些无谓的性能开销而提出来的,所谓延迟加载就是当在真正需要数据的时候,才真正执行数据加载操作.在Hibernate中提供了对实体对象的延迟加载以及对集合的延迟加载,另 ...

  6. easyui tree 折叠节点

    <ul id="jihuidian" class="easyui-tree" data-options="onBeforeLoad:functi ...

  7. N的阶乘末尾0的个数和其二进制表示中最后位1的位置

    问题一解法:     我们知道求N的阶乘结果末尾0的个数也就是说我们在从1做到N的乘法的时候里面产生了多少个10, 我们可以这样分解,也就是将从0到N的数分解成因式,再将这些因式相乘,那么里面有多少个 ...

  8. Mysqldump源码分析

    版权声明:本文由王珏原创文章,转载请注明出处: 文章原文链接:https://www.qcloud.com/community/article/261 来源:腾云阁 https://www.qclou ...

  9. <select>的下拉样式

    今天做一个专题,其中,select标签的样式要做成下图的模样,但是默认情况是下下图的模样: 如何实现呢,实现的办法竟然比我想象中的简单好多: select{ border: solid 1px #00 ...

  10. PHP 二维码解码 (读取二维码)

    #zbar wget http://ncu.dl.sourceforge.net/project/zbar/zbar/0.10/zbar-0.10.tar.bz2 yum install gtk2 g ...