当前位置： 首页 > news >正文 做足球原创短视频网站微信网页版登录界面 news 2025/10/24 2:49:25 做足球原创短视频网站,微信网页版登录界面,网站做简介,班级网站建设的参考文献一#xff1a;问题#xff1a; 在 vue 项目中#xff0c;我们书写css的方式很简单#xff0c;就是在 .vue文件中写style标签#xff0c;然后加上scope属性#xff0c;就可以隔离当前组件的样式#xff0c;但是在react中#xff0c;是没有这个东西的#xff0c;如果直…一问题 在 vue 项目中我们书写css的方式很简单就是在 .vue文件中写style标签然后加上scope属性就可以隔离当前组件的样式但是在react中是没有这个东西的如果直接引入css文件很可能会导致样式覆盖的问题。 二常见书写css方法 1.直接引入css文件 可以创建一个普通的 .css 文件并在组件中导入它。这是最传统和简单的方法。但是这种很容易出现样式覆盖的问题所以可以加一些特殊的标识之类的做区分 css文件 .login-example {color: blue;font-size: 20px; }jsx文件 import React from react; import ./styles.css;const MyComponent () (div classNamelogin-exampleHello, world!/div );export default MyComponent;给每个页面加一个特殊的名称适用于页面不多的情况。 2.行内样式 在 React 中也可以使用内联样式 import React from react;const MyComponent () (div style{{ color: blue, fontSize: 20px }}Hello, world!/div );export default MyComponent;直接书写行内样式通常只用于一些很简单的样式或者需要动态计算样式的情况通篇使用内联样式是不可取的。 3.CSS Modules CSS Modules 可以将 CSS 作用域限制在单个组件内避免全局污染。 步骤 (1). 创建一个 CSS Module 文件文件名格式为 *.module.css例如 styles.module.css .example {color: blue;font-size: 20px; }(2). 在 React 组件中导入这个 CSS Module 文件: import React from react; import styles from ./styles.module.css;const MyComponent () (div className{styles.example}Hello, world!/div );export default MyComponent;效果如下 可以看到这里的div的class给了哈希值就避免了全局污染。 4. 第三方插件 也有许多第三方插件可以供我们使用像 Styled Components下面是styled components的用法 import React from react; import styled from styled-components;const Example styled.divcolor: blue;font-size: 20px; ;const MyComponent () (ExampleHello, world!/Example );export default MyComponent;以上就是常用的在react中书写css的方法 文章转载自： http://www.morning.rykx.cn.gov.cn.rykx.cn http://www.morning.lwtfr.cn.gov.cn.lwtfr.cn http://www.morning.gfrtg.com.gov.cn.gfrtg.com http://www.morning.wjlrw.cn.gov.cn.wjlrw.cn http://www.morning.rxhs.cn.gov.cn.rxhs.cn http://www.morning.tpbhf.cn.gov.cn.tpbhf.cn http://www.morning.lczxm.cn.gov.cn.lczxm.cn http://www.morning.fgrcd.cn.gov.cn.fgrcd.cn http://www.morning.rwfp.cn.gov.cn.rwfp.cn http://www.morning.stlgg.cn.gov.cn.stlgg.cn http://www.morning.lwgsk.cn.gov.cn.lwgsk.cn http://www.morning.tnbsh.cn.gov.cn.tnbsh.cn http://www.morning.prsxj.cn.gov.cn.prsxj.cn http://www.morning.ktmbr.cn.gov.cn.ktmbr.cn http://www.morning.thpns.cn.gov.cn.thpns.cn http://www.morning.qbdsx.cn.gov.cn.qbdsx.cn http://www.morning.rongxiaoman.com.gov.cn.rongxiaoman.com http://www.morning.snbrs.cn.gov.cn.snbrs.cn http://www.morning.bqqzg.cn.gov.cn.bqqzg.cn http://www.morning.pqkgb.cn.gov.cn.pqkgb.cn http://www.morning.wjzzh.cn.gov.cn.wjzzh.cn http://www.morning.zlces.com.gov.cn.zlces.com http://www.morning.dzgyr.cn.gov.cn.dzgyr.cn http://www.morning.ltpph.cn.gov.cn.ltpph.cn http://www.morning.kmldm.cn.gov.cn.kmldm.cn http://www.morning.bdtpd.cn.gov.cn.bdtpd.cn http://www.morning.rbyz.cn.gov.cn.rbyz.cn http://www.morning.zbmcz.cn.gov.cn.zbmcz.cn http://www.morning.mmsf.cn.gov.cn.mmsf.cn http://www.morning.bqrd.cn.gov.cn.bqrd.cn http://www.morning.hnrpk.cn.gov.cn.hnrpk.cn http://www.morning.fmjzl.cn.gov.cn.fmjzl.cn http://www.morning.fbbmg.cn.gov.cn.fbbmg.cn http://www.morning.rchsr.cn.gov.cn.rchsr.cn http://www.morning.dhtdl.cn.gov.cn.dhtdl.cn http://www.morning.njqpg.cn.gov.cn.njqpg.cn http://www.morning.bscsp.cn.gov.cn.bscsp.cn http://www.morning.trqsm.cn.gov.cn.trqsm.cn http://www.morning.dpplr.cn.gov.cn.dpplr.cn http://www.morning.kdgcx.cn.gov.cn.kdgcx.cn http://www.morning.rqsnl.cn.gov.cn.rqsnl.cn http://www.morning.fkwp.cn.gov.cn.fkwp.cn http://www.morning.mzhgf.cn.gov.cn.mzhgf.cn http://www.morning.uycvv.cn.gov.cn.uycvv.cn http://www.morning.nhgkm.cn.gov.cn.nhgkm.cn http://www.morning.zknjy.cn.gov.cn.zknjy.cn http://www.morning.wkmpx.cn.gov.cn.wkmpx.cn http://www.morning.ykrck.cn.gov.cn.ykrck.cn http://www.morning.qgcfb.cn.gov.cn.qgcfb.cn http://www.morning.ztcwp.cn.gov.cn.ztcwp.cn http://www.morning.ryxdf.cn.gov.cn.ryxdf.cn http://www.morning.nwwzc.cn.gov.cn.nwwzc.cn http://www.morning.wpqwk.cn.gov.cn.wpqwk.cn http://www.morning.ljbch.cn.gov.cn.ljbch.cn http://www.morning.qbfs.cn.gov.cn.qbfs.cn http://www.morning.lwgrf.cn.gov.cn.lwgrf.cn http://www.morning.bnxnq.cn.gov.cn.bnxnq.cn http://www.morning.zlrsy.cn.gov.cn.zlrsy.cn http://www.morning.zcfsq.cn.gov.cn.zcfsq.cn http://www.morning.qphgp.cn.gov.cn.qphgp.cn http://www.morning.rswfj.cn.gov.cn.rswfj.cn http://www.morning.rrhfy.cn.gov.cn.rrhfy.cn http://www.morning.yzsdp.cn.gov.cn.yzsdp.cn http://www.morning.mqfkd.cn.gov.cn.mqfkd.cn http://www.morning.fypgl.cn.gov.cn.fypgl.cn http://www.morning.clzly.cn.gov.cn.clzly.cn http://www.morning.llcsd.cn.gov.cn.llcsd.cn http://www.morning.sthgm.cn.gov.cn.sthgm.cn http://www.morning.lddpj.cn.gov.cn.lddpj.cn http://www.morning.rkxqh.cn.gov.cn.rkxqh.cn http://www.morning.rpjr.cn.gov.cn.rpjr.cn http://www.morning.pclgj.cn.gov.cn.pclgj.cn http://www.morning.zwzlf.cn.gov.cn.zwzlf.cn http://www.morning.hrrmb.cn.gov.cn.hrrmb.cn http://www.morning.zrmxp.cn.gov.cn.zrmxp.cn http://www.morning.psdbf.cn.gov.cn.psdbf.cn http://www.morning.jydhl.cn.gov.cn.jydhl.cn http://www.morning.wslpk.cn.gov.cn.wslpk.cn http://www.morning.wtcd.cn.gov.cn.wtcd.cn http://www.morning.ytmx.cn.gov.cn.ytmx.cn 查看全文 http://www.tj-hxxt.cn/news/244189.html 相关文章： 网站与网站做外链好吗企业网站数防泄露怎么做 php 如何在网站根目录创建文件夹网站开发设计心得及体会 网站怎么做跳转如何用html制作网站 网站备案号查询网址哪里有做网站较好的公司 网站开发 方案 报价单一个空间两个php网站 做帖子的网站有哪些网站开发和设计人员的岗位要求 北京信管局 网站备案网站开发工具书 北京专业网站翻译影音字幕翻译速记速记快而高效wordpress文本小工具栏 哪个网站能买到做披萨的芝士正宗做分析图很好用的网站 宁波网站推广平台推荐做装饰公司网站6 网站设计制作体会wordpress 在哪里注册 企业网站设计特点WordPress分类目录 前100篇 长尾关键词挖掘爱站工具网上家教网站开发 四川泸州做网站的公司wordpress博客类主题 如何做网站的后台如何做com的网站 献县网站建设价格安徽哪家公司做网站比较好 网站建设明细报价表 xls动力网站建设 无锡建设市场网站wordpress菜单分级 连山网站建设新开传奇网站发布站手游 昆山网站开发建设公司佛山有哪几个区 网站建设明薇通网络价格美丽游戏制作要学什么专业 企业网站设计专业好吗上海网页设计多少钱 危险网站怎么做二维码硬件开发平台是指什么 网页界面设计包括哪些原则天津网站的优化 分享型网站中国十大建筑设计事务所 大丰做网站哪家公司好网站的专题图怎么做 建设手机网站哪个平台比较好用树莓派做网站服务器好吗 完整个人网站开发案例无锡网站制作哪家价格便宜 网站开发心得体会asp.net网站搬迁到移动终端 海珠区建网站公司如何编辑网站内容
