社区
CSS
帖子详情
css中是否可以传递变量
yate123
2009-10-11 04:42:57
如题,在html中我想把<script></script>中得到的一个变量值传到<style></style>中可以吗?我打算是根据屏幕的不同大小来定位我的页面图片布局。
直接在<style></style>中得到屏幕的大小用也可以,请高手指点
...全文
476
10
打赏
收藏
css中是否可以传递变量
如题,在html中我想把中得到的一个变量值传到中可以吗?我打算是根据屏幕的不同大小来定位我的页面图片布局。 直接在中得到屏幕的大小用也可以,请高手指点
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
10 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
浴火涅磐
2009-10-11
打赏
举报
回复
这样是不可以的,不过可以通过js来设置css的样式,比如得到某个标签的id之后来设置就可以了,再用js(document.body.clientWidth)来得到宽度
sinbasara
2009-10-11
打赏
举报
回复
gkw521
2009-10-11
打赏
举报
回复
可以考虑用JS重新写需要更新的style.兼容或者覆盖掉相应的CSS属性
sohighthesky
2009-10-11
打赏
举报
回复
直接通过js来定义样式 不就好了?
sohighthesky
2009-10-11
打赏
举报
回复
直接通过js来定义样式 不就好了?
kayzombie
2009-10-11
打赏
举报
回复
css用expression属性可以使用js变量,不过因为太耗资源,ie8已经不支持expression属性,所以不建议使用
heblys
2009-10-11
打赏
举报
回复
这个应该是不行的
MuBeiBei
2009-10-11
打赏
举报
回复
[Quote=引用楼主 yate123 的回复:]
如题,在html中我想把 <script> </script>中得到的一个变量值传到 <style> </style>中可以吗?我打算是根据屏幕的不同大小来定位我的页面图片布局。
直接在 <style> </style>中得到屏幕的大小用也可以,请高手指点
[/Quote]
楼主可以看看我之前写的~·导入样式表~·估计对你有帮助~·
http://hi.csdn.net/link.php?url=http://blog.csdn.net%2FMuBeiBei
cs5276
2009-10-11
打赏
举报
回复
好像是不行。
sass-to-js:通过
CSS
将Sass
变量
传递
给JavaScript的库
Sass到JS sass-to-js是一个库,可以轻松地通过
CSS
将Sass
变量
传递
给JavaScript。 它提供了Sass方法,可将Sass值以JSON格式保存到
CSS
和JavaScript助手
中
,以将它们从
CSS
读取到JavaScript对象。 它不需要依赖,并且具有! sass-to-js已通过测试,可在所有现代浏览器和IE9 +
中
使用。 用法示例 您可以使用它,例如,将数据从Sass
传递
到JS,例如: 媒体断点映射以在JavaScript / HTML
中
重用(例如在) 一些
变量
值(例如主题颜色,尺寸等) 在某些情况下可能适用的
变量
值列表(例如,列数代表不同类型的设备) 用JavaScript测试您的Sass代码/框架 防止在Sass和JavaScript
中
提供相同的
变量
(如) 安装 图书馆可以通过bower获得: bower install sass-to-js
svelte-
css
-vars:
是否
曾经想过让React性
CSS
变量
更苗条? 如果我告诉你有办法怎么办?
svelte-
css
-vars
是否
曾经想过让React性
CSS
变量
更苗条? 如果我告诉你有办法怎么办? svelte-
css
-vars公开一个,该接收一个属性对象,该对象应视为
css
定制属性。 通过在$:{}React块
中
定义该对象, svelte-
css
-vars可以随时更改某些
css
属性,只要其某些值发生变化即可。 用法 import
css
Vars from 'svelte-
css
-vars'; 导入模块后,只需定义自定义属性的React对象: let some_state_variable = true ; $: styleVars = { titleColor : some_state_variable ? 'red' : 'blue' , } ; 然后使用动作,将对象
传递
给所需的元素: < style > div { color : var ( -
前端高级技术之
CSS
3+Less+BootStrap实战教程
是一门
CSS
预处理语言,它扩展了
CSS
语言,增加了
变量
、Mixin、函数等特性。Less 可以运行在 Node 或浏览器端。 Bootstrap,来自 Twitter,是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、
CSS
、JAVASCRIPT ...
html+
css
+javascript 教程
HTML简介 Hyper Text Markup Language 超文本 (文字+图片+音视+链接…) 标记语言 (浏览器根据标记显示内容) 来自于SGML(标准通用标记语言) 专注于在Web上
传递
信息 是写给浏览器的语言 历史 HTML1.0 – HTML2.0 (IETF制定) – HTML4.0(最终版) W3C IETF – Internet Engineering Task Force HTTP协议 RFC等 RFC2616 Http1.1 RFC1521 MIME W3C – World Wide Web Consortium (www.w3.org) HTML XML等 XHTML 符合XML标准的HTML DHTML Dy’namic HTML (X)HTML /
CSS
/ JavaScript的综合运用
CSS
—Cascade Style Sheet层叠样式表 1998/5/12,
CSS
level2成为W3C标准 用来装饰HTML/XML的标记集合 特点: 样式表由样式规则组成,以告诉浏览器如何显示一个文档 每个规则的组成包括一个选择符---通常是一个HTML的元素---和该选择符所接受的样式 每个元素可以定义多个属性,每个属性带有一个值,共同的描述选择符如何呈现 JavaScript和Java的区别 基于对象和面向对象 解释和编译 强
变量
和弱
变量
JavaScript
中
变量
声明,采用其弱类型。 即
变量
在使用前不需作声明,而是解释器在运行时检查其数据类型 x=1234; //数值型
变量
y=“4321”; //字符型
变量
代码格式不一样 嵌入方式不一样
use-state-in-custom-properties:一个react钩子,用于将您的react状态注入
CSS
变量
中
用于将您的React状态注入
CSS
变量
的钩子 这个钩子是所启发的 。 这个钩子输出一个包装器,该包装器将状态
传递
到一个有作用域
CSS
变量
中
。 用法 useStateInCustomProperties挂钩具有2个参数: 包装div的类名称。 (细绳) 一个对象,其
中
包含您要作为
CSS
变量
插入的状态名称和值。 (目的) import useStateInCustomProperties from "use-state-in-custom-properties" ; const Example = ( ) => { const [ activeColor , setActiveColor ] = useState ( "red" ) ; const CustomPropertiesWrapper = useStateInCustomProperties ( "box" , { a
CSS
61,112
社区成员
60,732
社区内容
发帖
与我相关
我的任务
CSS
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
复制链接
扫一扫
分享
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章