首先，将要引用的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. Hadoop笔记HDFS(2)

    高级Hadoop MapReduce管理 1 调试部署好的Hadoop的配置 2 运行基准测试检验Hadoop的安装 3 重新利用JVM提升性能 4 容错性 5 调试脚本-分析失败任务原因 6 设置失 ...

  2. 2. Swift元组|可选值|断言

    1. 元组英文名字 Tuple,将多个数据类型(任意类型)组合成一个数据,与c语言的中的机构体有几分相似,功能也是非常强大的,尤其是在定义请求参数,状态之类的地方经常用到. let http404Er ...

  3. LuaStudio 9.27 去10分钟退出暗桩板

    http://bbs.pediy.com/showthread.php?p=1428203#post1428203

  4. jquery之empty()方法详解

    empty()函数用于清空每个匹配元素内的所有内容. empty()函数将会移除每个匹配元素的所有子节点(包括文本节点.注释节点等所有类型的节点). 该函数属于jQuery对象(实例). 语法 jQu ...

  5. DSO、CUBE区别（覆盖、合计）

    声明:原创作品,转载时请注明文章来自SAP师太技术博客( 博/客/园www.cnblogs.com):www.cnblogs.com/jiangzhengjun,并以超链接形式标明文章原始出处,否则将 ...

  6. JAVA封装、继承

    封装 1.概念: 将类的某些信息隐藏在类的内部,不允许外部程序访问,而是通过该类提供的方法来实现对隐藏信息的操作和访问. 2.好处: a.只能通过规定的方法访问数据 b.隐藏类的实例细节,方便修改和实 ...

  7. html5 drag and drop

    注:链接.图片默认是draggable的. mousemove在整个拖放的过程中不会被触发. dragStart设置: e.dataTransfer.effectAllowed = "mov ...

  8. iOS - Mac Apache WebDav 服务器配置

    前言 Apache 服务器: Web 服务器,可以支持各种脚本(PHP)的执行,目前世界上使用最为广泛的一种 Web 服务器 WebDav 服务器: 基于 http 协议的 "文件" ...

  9. 浏览器html页面乱码问题分析

    直接访问某html文件,浏览器显示编码是正常的,页面通过<meta charset="UTF-8">指定了编码方式,该文件存储编码也是utf8. 通过配置的org.sp ...

  10. 解决Selenium与firefox浏览器版本不兼容问题

    因为在用java打开firefox浏览器的时候报错 org.openqa.selenium.firefox.NotConnectedException: Unable to connect to ho ...