css媒体查询能写内部样式吗?

CSS媒体查询是一种非常强大的技术,可以让我们在不同的设备和窗口大小下应用不同的样式。但是,你是否知道,CSS媒体查询不仅可以写外部样式,还可以写内部样式。

@media screen and (max-width: 768px) {
    /* 这里是写内部样式的地方 */
    body {
        font-size: 14px;
        line-height: 1.5;
    }
}

css媒体查询能写内部样式吗?

在上面的代码片段中,我们使用CSS媒体查询为最大宽度为768像素的屏幕写了一组内部样式。当屏幕宽度小于或等于768像素时,这组样式将被应用到页面中。

当然,如果你只想写内部样式而不是外部样式,你也可以在HTML文档的头部使用

无论你是在

标签里还是在CSS文件里使用CSS媒体查询,只要记住这一点:在你想应用这个特定的样式时,才会将其应用到页面中。

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效