Android中WebView在加载网页的时候，怎样应用本地的CSS效果？就是说怎样把本地的CSS嵌入到HTML中

原创于 2016-05-05 09:23:49 发布 · 3.4k 阅读

CC 4.0 BY-SA版权

在Android中，可以通过在HTML中引用本地CSS文件来实现WebView加载网页时应用本地CSS效果。例如，使用`<link>`标签指向`file:///android_asset/`路径下的CSS文件。在项目实践中，可以先拼接HTML字符串，包括CSS引用，然后通过`loadDataWithBaseURL`方法加载到WebView。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

###跟加载本地html一样的。
	<link rel="stylesheet" href="file:///android_asset/css.css" type="text/css" />
##自己的项目中的样子是这个
- css文件
- 
		.videolist{background:url("../images/playvideo.png") no-repeat;cursor:pointer;padding:5px 25px 5px 25px;margin-left:0px;color:#00a0e9;vertical-align:middle;line-height:26px}


- 因为我是项目中直接拼接成一个html然后webview加载直接使用的，所以这里也把拼接的拿出来

	 String tempUrl= "<html>\n" +
                    "<head>\n" +
                    "<link rel=\"stylesheet\" type=\"text/css\" href=\"file:///android_asset/music/css/musicexercise.css\" />\n" +
                    "</head>\n" +
                    "<body>\n" +
                    model.getexample() + "\n" +
                    "</body>\n" +
                    "</html>";

- 最后是webview加载这个html
	
	 webview.loadDataWithBaseURL(null, temp,
                            "text/html", "utf-8", null);