rails stylesheet_link_tag 创建一个html中的css标签

最新推荐文章于 2023-04-24 20:39:56 发布

dazhi_100

最新推荐文章于 2023-04-24 20:39:56 发布

阅读量2.3k

点赞数

分类专栏： Rails

Rails 专栏收录该内容

218 篇文章

订阅专栏

本文介绍Rails框架中stylesheet_link_tag方法的使用技巧。此方法用于生成HTML样式表链接标签，可接受多个参数，包括远程文件地址及链接属性设置等。通过此方法可以轻松地为网页指定CSS文件，实现样式定制。

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

stylesheet_link_tag(*sources) Link

Returns a stylesheet link tag for the sources specified as arguments. Ifyou don’t specify an extension, .css will be appendedautomatically. You can modify the link attributes by passing a hash as thelast argument. For historical reasons, the ‘media’ attribute will always bepresent and defaults to “screen”, so you must explicitly set it to “all”for the stylesheet(s) to apply to all media types.

stylesheet_link_tag "style"
# => <link href="/assets/style.css" media="screen" rel="stylesheet" />

stylesheet_link_tag "style.css"
# => <link href="/assets/style.css" media="screen" rel="stylesheet" />

stylesheet_link_tag "http://www.example.com/style.css"
# => <link href="http://www.example.com/style.css" media="screen" rel="stylesheet" />

stylesheet_link_tag "style", media: "all"
# => <link href="/assets/style.css" media="all" rel="stylesheet" />

stylesheet_link_tag "style", media: "print"
# => <link href="/assets/style.css" media="print" rel="stylesheet" />

stylesheet_link_tag "random.styles", "/css/stylish"
# => <link href="/assets/random.styles" media="screen" rel="stylesheet" />
#    <link href="/css/stylish.css" media="screen" rel="stylesheet" />