`

javascript中style后面的属性与CSS中的属性区别

阅读更多

        在javascript中style后面的属性与在css中是不完全一样的,比如obj.style.backgroundColor(某一对象的背景色),而在css中是background-color,这是因为javascript中采取的命名方式是CamelCase命名法(每一个单词的首字母小写,后续单词的首字母大写),主要分成3种情况,如下:

 

1、javascript中和css中是相同的

比如border(单个单词)、margin、padding等等;

 

2、不相同的,但是遵循CamelCase命名法

比如border-top(css中),JS中为borderTop,类似这种带中间线的都可以这样写,另外有很多,marginTop,paddingTop等等;

 

3、这种比较特殊,float(css),在JS中是floatStyle

分享到:
评论

相关推荐

    浅析JavaScript中的CSS属性及命名规范

    在JavaScript中操作CSS属性时,需要注意一些转换规则和命名规范,因为JavaScript的语法与CSS的语法在处理属性名称上存在差异。以下是对标题和描述中提及的JavaScript中的CSS属性及命名规范的详细解析: 首先,当...

    JavaScript改变CSS样式的方法汇总

    JavaScript允许你即时的改变CSS样式,这样就可以将用户的眼球吸引到你想他们关注的地方上,并且提供较好的交互体验给力 。 JavaScript修改CSS有4种方法: 修改节点style(内联样式); 改变节点class或id; 写入新的...

    纯css3 transform旋转属性创建立体纹理文字特效

    在本文中,我们将深入探讨如何使用CSS3的`transform`属性中的旋转功能来创建立体纹理文字特效。CSS3是 Cascading Style Sheets(层叠样式表)的第三个主要版本,它引入了许多新特性,大大增强了网页设计的灵活性和...

    CSS+JavaScript面试题.docx

    10. 引用CSS样式的三种方法:导入外部CSS文件(`<link rel="stylesheet" href="style.css">`)、内部样式(在`<head>`中使用`<style>`标签)和内联样式(在HTML元素中使用`style`属性)。 11. JavaScript 中,`...

    css+javascript

    - 动态样式修改:通过JavaScript,我们可以改变元素的CSS属性,如`element.style.color = 'blue';`将元素文本颜色改为蓝色。 - CSS类操作:使用`element.classList.add`、`element.classList.remove`和`element....

    HTML+CSS总结.doc

    CSS(Cascading Style Sheets)是用于描述网页样式的语言,主要用于美化网页的外观和布局。CSS 的 div 元素默认情况下,一行只能容纳一个 div 标签。无论宽度多小,一行始终只有一个 div 标签。 margin-left 属性和...

    javascript下操作css的float属性的特殊写法

    对于包含中划线的CSS属性,JavaScript采用驼峰式命名规则,即将中划线去掉并将后面的第一个字母大写。比如`margin-top`变为`marginTop`,`border-left-width`变为`borderLeftWidth`,`z-index`变为`zIndex`,`font-...

    CSS中expression使用简介

    `expression`的语法结构是将CSS属性与JavaScript表达式关联起来,即在CSS属性后面加上`expression()`,其中的表达式计算结果将作为该属性的值。例如: ```css #myDiv { position: absolute; width: 100px; ...

    育知HTML5培训技术分享:CSS选择器及文字段落属性和背景属性和列表属性(上)

    背景属性是CSS中的另一个重要部分,允许我们设置元素的背景颜色、图片、重复方式、位置等。例如,`background-color`定义背景色,`background-image`引入背景图,`background-repeat`控制图片是否平铺,`background-...

    HarmonyOS中JS、HML和CSS的概念及三者之间的关系1

    在HarmonyOS应用开发中,JS、HML和CSS是构建用户界面的核心技术,它们之间的关系与Web开发中的HTML、CSS和JavaScript类似,但有一些特定的差异。首先,HML类似于HTML,用于创建应用程序的结构和内容,定义各种DOM...

    Div+Css实现屏蔽后面内容的登陆窗体

    在网页设计中,"Div+Css"是一种常见的布局方式,用于构建页面结构和样式。"Div+Css实现屏蔽后面内容的登陆窗体"是通过CSS技术实现的一种交互效果,它通常用于创建弹出式登录窗口,使用户在填写登录信息时能够专注于...

    根据图片大小自适应的CSS

    4. **使用JavaScript调整图片大小**:`zoom`属性后面的表达式是JavaScript代码,它检查图片的宽度是否超过560px,如果是,则调整图片的宽度和高度,以确保不会超出560px的限制。这种方法虽然有效,但不推荐在现代Web...

    div+css实现弹出窗口背景变暗效果

    在网页设计中,"div+css实现弹出窗口背景变暗效果"是一种常见的交互设计手法,主要用于提升用户体验,特别是当用户需要关注特定弹出信息时。这种效果通过创建一个覆盖整个页面的半透明div层来实现,使得弹出窗口成为...

    网站css格式网站css格式

    10. **CSS-in-JS**:这是一种将CSS与JavaScript代码合并的开发模式,使样式更易于管理和模块化,但也可能增加代码复杂性。 在SSx070816这个文件中,可能包含了有关CSS格式的示例代码、布局教程或者特定主题的讨论,...

    css图片编号排序.zip

    JavaScript可以获取图片数组,根据特定规则(例如文件名顺序、上传时间等)进行排序,然后更新图片的CSS属性,显示对应的编号。这里,"jiaoben18111"可能是一个JavaScript脚本文件,它包含了实现图片排序和编号的...

    HTML5+CSS3 使用content属性.docx

    CSS还提供了`list-style-type`属性来改变编号的样式,它支持多种预定义的列表项符号,如实心圆`disc`、空心圆`circle`、方块`square`、阿拉伯数字`decimal`、小写字母`lower-alpha`、大写字母`upper-alpha`、罗马...

    Css选择器_案例】仿当当网首页

    一些常见的CSS属性包括: - `font-family`:指定字体类型。 - `color`:设置文本颜色。 - `background-color`:设置背景颜色。 - `width`和`height`:设置元素的宽度和高度。 - `margin`和`padding`:设置元素边界...

    HTML、CSS、JavaScript语法简明速查表

    - **属性与值**:选择器后面跟着花括号内的属性和值,如`color:red;`设置颜色,`font-size:16px;`设定字体大小。 - **层叠与继承**:CSS的规则按照优先级层叠,子元素会继承父元素的样式。 - **定位**:`position...

Global site tag (gtag.js) - Google Analytics