为了账号安全,请及时绑定邮箱和手机立即绑定

请问该如何在 React 中运用 CSS?

请问该如何在 React 中运用 CSS?

MYYA 2019-08-20 17:14:05
如何在 React 中运用 CSS
查看完整描述

3 回答

?
烙印99

TA贡献1829条经验 获得超13个赞

CSS和网页分离的好处是显而易见的?那要看在什么时代。
从传统 HTML 的观点来看,“内容”(HTML)和其渲染方式 (CSS)是可以分离的,例如同样的文章可以被CSS渲染到不同的设备上,例如PC、手机甚至是给视觉障碍的人用的声音设备。基于内容传播,这样分隔就是合理的。

今天,Web已经从相互连接的HTML变成了相互连接的 Web App。用户看到的已经不再是整个
HTML,而是由一个一个Web组件组成的应用程序窗口。此时,CSS的全局性带来的就不是方便,而可能是污染了。为了解决这个问题,Web
Component 不得不带来了 Shadow DOM 的新概念。
React Component是适应 Web App
化的,因此很自然,inline style 的作用自然就会被加强。在需要全局 CSS 的时候,你仍然可以通过为 React Component
设置 className 属性,来制定对应的 CSS Class。
Inline style也有一些限制,只能通过 CSS 声明(className)来实现,例如声明伪类属性 (a:visited)。

查看完整回答
反对 回复 2019-08-24
?
慕尼黑5688855

TA贡献1848条经验 获得超2个赞

<html>
<head>
<meta charset="utf-8">
<title>exp</title>
<style>
p{
background-image:url(写你的图片url);
}
</style>
</head>
<body>
<p id="p"></p>
<a href="javascript:void(0);" onclick="hideImg()">点击我隐藏</a>
<a href="javascript:void(0);" onclick="showImg()">点击我显示</a>
<a href=" 任意一个网站">网站名</a>
</body>
</html>
<script>
function hideImg(){
var p = document.getElementById("p");
p.style.backgroundImage = "";
}

function showImg(){
var p = document.getElementById("p");
p.style.backgroundImage = "url(写你的图片url)";
}
</script>



查看完整回答
反对 回复 2019-08-24
  • 3 回答
  • 0 关注
  • 747 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信