HTML中怎么导入css？

在html种使用css的方法有三种 内嵌样式，内部样式和外部样式

你这里问的是导入，那就是指外部样式，外部样式使用link 标签来引入

<link rel="stylesheet" type="text/css" href="css/index.css"/>

这里href 后面的是你的 css 的路径。如果想在你的外部 样式表里面导入 其他的css 可以通过

@import url('css文件地址链接')要注意的是这里的路径不能是本地路径，

如果是本地的地址，上线到服务器则会出现文件缺失的情况

android中webview加载html用本地css渲染的做法：

1：将资源拷贝到assets目录

2：给需要注入的资源文件在url上做一个标志，当然，你也可以不做，只要你在安卓端可以判断出来即可。

<link rel="stylesheet" href="[inject]public/css/bootstrap.min.css" type="text/css" media="screen" title="no title" charset="utf-8">

<link rel="stylesheet" href="[inject]public/css/bootstrap-theme.min.css" type="text/css" media="screen" title="no title" charset="utf-8">

<script type="text/javascript" src="[inject]public/js/zipto/1.1.6/zepto.min.js"></script>

<script type="text/javascript" src="[inject]public/js/modules/md5.min.js"></script>

3：拦截将要注入的文件，读取本地文件即可。

webview.setWebViewClient(new WebViewClient() {

@Override

public WebResourceResponse shouldInterceptRequest(WebView view, String url) {

//System.out.println("WebResourceResponse::"+url)

if(url.contains("[inject]")){

String localPath = url.replaceFirst("^http.*inject\\]","")

System.out.println("LocalPath::"+localPath)

try {

InputStream is = getApplicationContext().getAssets().open(localPath)

return new WebResourceResponse("text/javascript", "UTF-8", is)

} catch (Exception e) {

e.printStackTrace()

return super.shouldInterceptRequest(view, url)

}

} else {

return super.shouldInterceptRequest(view, url)

}

}

})

可以用js加载css。

webview.setWebViewClient(new WebViewClient() {

....

public void onPageFinished(WebView view, String url) {

src="file:///android_asset/xxx.js"

String baseUrl = "file:///android_asset"

view.loadDataWithBaseURL(baseUrl, strHtml, "text/html", "utf-8", null)

}

....

}

js文件如下：

function loadjscssfile(filename,filetype){

if(filetype == "js"){

var fileref = document.createElement('script')

fileref.setAttribute("type","text/javascript")

fileref.setAttribute("src",filename)

}else if(filetype == "css"){

var fileref = document.createElement('link')

fileref.setAttribute("rel","stylesheet")

fileref.setAttribute("type","text/css")

fileref.setAttribute("href",filename)

}

if(typeof fileref != "undefined"){

document.getElementsByTagName("head")[0].appendChild(fileref)

}

}

调用方式：

loadjscssfile("test.css","css")

---