全文搜索
标题搜索
全部时间
1小时内
1天内
1周内
1个月内
默认排序
按时间排序
为您找到相关结果64,488个

全面总结CSS代码的编写规范及优化建议_CSS教程_CSS_网页制作_脚本之家

媒体查询(Media query)的位置 将媒体查询放在尽可能相关规则的附近。不要将他们打包放在一个单一样式文件中或者放在文档底部。如果你把他们分开了,将来只会被大家遗忘。 CSS Code复制内容到剪贴板 .element { ... } .element-avatar { ... } .element-selected { ... } ...
www.jb51.net/css/4325...html 2024-11-1

JavaScript CSS优雅实现网页多主题风格换肤功能详解_JavaScript_脚本之家

通过结合媒体查询,我们可以实现更复杂的交互场景 1 2 3 4 5 6 7 8 9 10 11 body { --foo: #fff } p { color: var(--foo) } @media screen and (min-width: 768px) { body { --foo: #000 } } 2、结合js业务逻辑 在一些特殊需求场景下,我们可以结合js业务逻辑,动态追加或编辑 css vars ...
www.jb51.net/article/2741...htm 2024-11-3

深入解析CSS中的自定义属性_CSS_网页制作_脚本之家

像普通的CSS属性,自定义属性是动态的,他们可以在运行时修改,也可以在媒体查询时通过更改DOM添加一个新类,同时也可以指派内联元素和一个常规CSS里申明选择器。还可以通过正常的cascade规则或者使用JavaScript覆盖。最主要的是,他们的可以继承的,所以当他们应用到DOM元素的时候,他们的子元素也会继承属性。
www.jb51.net/css/4536...html 2024-10-20

高性能HTML5 Pro HTML5 Performance(Jay Bryant 等著)中文版PDF 电子书...

增加媒体查询 225 小结228 第17 章 tab 控件 229 html 231 数据233 控件234 创建tab 控件 235 javascript 236 tab 控件的样式 239 所有效果的通用样式 239 水平效果的样式 243 垂直效果的样式 248 小结253 第18 章 form控件 254 html 结构 256 fieldset 控件 258 input 控件 260 数据对象 265 创建一个表单...
www.jb51.net/books/5837...html 2024-10-29

CSS3 优势以及网页设计师如何使用CSS3技术_css3_CSS_网页制作_脚本之家

前些日子在SmashingMagazine看到一篇关于CSS3新技术不错的文章,它详细介绍了CSS3的新特性和它的使用方法,它包括:浏览器专有属性、选择器(属性选择器、连字符、伪类、伪元素)、RGBA和透明度属性、多栏布局、多背景图、Word Wrap、文字阴影、CSS圆角、边框图片、盒阴影、盒尺寸、媒体查询、语音,并详细说明了每个新技术...
www.jb51.net/css/196...html 2024-10-27

说说react中引入css的方式有哪些并区别在哪_React_脚本之家

支持所有的css特性:伪类、动画、媒体查询等; 编写起来简洁方便、最好符合一贯的css风格特点 在这一方面,vue使用css起来更为简洁: 通过style 标签编写样式 scoped 属性决定编写的样式是否局部有效 lang 属性设置预处理器 内联样式风格的方式来根据最新状态设置和改变css 而在react中,引入CSS就不如Vue方便简洁,其引入css...
www.jb51.net/article/2462...htm 2024-10-30

HTML5 移动页面自适应手机屏幕宽度详解_相关技巧_脚本之家

5、媒体查询,媒体查询也是css3的方法,我们要解决的问题是适应手机屏幕,这个媒体查询正是为解决这个问题而生,媒体查询的功能就是为不同的媒体设置不同的css样式,这里的“媒体”包括页面尺寸,设备屏幕尺寸等,比如我们要为宽度小于480px的页面中的class="icon"的元素设置样式,可以这样写,@media screen and (max-width...
www.jb51.net/article/932...htm 2024-10-30

深入解析HTML5使用SVG图像时的viewBox属性用法_html5_网页制作_脚本之...

为了展示SVG的不同部分,需要基于不同媒体查询改变viewBox的值,你可以使用Modernizr,查找媒体查询条件,然后在JavaScript中对应更改viewBox的值。示例如下: CSS Code复制内容到剪贴板 // 获取root <svg>的引用 var svgRoot = ...; // 取决于你如何嵌入并引用SVG ...
www.jb51.net/do/plus/vi...php?aid=37... 2024-7-8

移动端适配 使px自动转换rem_css3_CSS_网页制作_脚本之家

mediaQuery: false, //媒体查询( @media screen 之类的)中不生效 minPixelValue: 12 //px小于12的不会被转换 } 配置完了可以重新运行了npm run dev 200px的宽高 200px变成2rem 配置的100px为font-size。rootValue为100 设置class名为radius的样式不被转换 总结 以上所述是小编给大家介绍的移动端适配 使px...
www.jb51.net/css/6898...html 2024-10-17

更靠谱的H5横竖屏检测方法(js代码)_javascript技巧_脚本之家

不过个人觉得通过window.innerWidth > window.innerHeight来实现的是一种伪检测,有点不可靠。 可不可以通过浏览器来实现检测?如基于CSS3@media媒体查询来实现。 如下@media兼容性: 如上上图所示,移动端浏览器都支持CSS3 media。 实现思路: 创建包含标识横竖屏状态的特定css样式 ...
www.jb51.net/article/92517.htm 2016-9-13