手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

element.style怎么修改

时间:2024-10-12 08:41:01

1、新建一个空白html页面,具体操作步骤可参考链接中经验

element.style怎么修改

2、编写html基本内容,包括两块,主要是针对以下进行两种写法

element.style怎么修改

3、对元素设置一些基本的样式,p标签设置一个蓝色边框,div标签设置一下加粗字体

element.style怎么修改

4、右键,在浏览器中打开,查看此时页面样式

element.style怎么修改

5、编写js代码,通过element.style设置元素样式。此处设置分为两种,一牡啾锯辏种是设置单属性,一种是设置多属性。注意给元素加上id名,方便获取。先设置单属性,给p标签设置行间距加大。给出两种写法,一种是属性有'-'号,那就写成驼峰值的样子(如lineHeight)。 如果不想使用驼峰值,那就用中括号的形式

element.style怎么修改

6、在浏览器中查看修改后样式

element.style怎么修改

7、设置多属性方式使用cssText,把字体颜色设为红色,背景色为灰色,多个样式直接用分号隔开即可。

element.style怎么修改

8、在浏览器中查看修改后样式

element.style怎么修改
© 手抄报圈