css中的url怎么用的 |cnccss.cn

css png 镂空，css+练习项目，css格式什么样子，css兼容ES6，css中body设置字体失效，css背景图片缝隙，cnccss.cn css中的url怎么用的 |cnccss.cn

background-image: url('image/bg.jpg');
font-family: url('https://fonts.gstatic.com/s/opensans/v18/memnYaGs126MiZpBA-UvWbX2vVnXBbObjli0nKtwiXw.woff2');

在上面的例子中，background-image属性使用了相对路径来引用图片资源，而font-family属性使用了绝对路径来引用字体资源。大家在实际使用中应该根据具体情况来选择使用相对路径还是绝对路径。

除此之外，url函数还可以用来引用data uri（数据URI），不需要使用绝对或相对路径。data uri是一种能够将小文件（通常是图片）转换成base64编码后直接嵌入HTML或CSS文档中的技术。

background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAIAAAC0tAIdAA...')

在上面的例子中，大家使用了data uri来嵌入一个png格式的图片文件。

需要注意的是，尽管CSS中可以使用url函数引用外部资源，但是这种方法并不适用于所有页面情况。如果大家需要考虑到SEO优化、缓存等问题，可能需要使用其他的方法来引用资源。

总之，url函数是CSS中常用的声明规则之一，大家可以使用它来灵活地引用页面中所需的各种资源。