• IOS UIWebView引用外部CSS样式(转载)


    首先,将要引用的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; }

  • 相关阅读:
    LeetCode分类专题(五)——动态规划1-子序列
    LeetCode分类专题(四)——双指针和滑动窗口1
    LeetCode分类专题(三)——二分查找1
    消息队列(一)——Kafka概述
    Java多线程(五)——synchronized关键字原理
    Java多线程(四)——volatile关键字原理
    Redis(五)——主从复制、哨兵
    Redis(四)——过期、持久化、事件
    Redis(三)——底层数据结构
    MySQL知识点
  • 原文地址:https://www.cnblogs.com/alihaiseyao/p/3458752.html
Copyright © 2020-2023  润新知