JavaScript和CSS的交互

常见的CSS样式:JavaScript中常用的事件列表:实际应用:跟随滑动条:放大镜(低配版):

常见的CSS样式:

单位为px、也可以使用%(使用js操作CSS时必须加单位)

文本属性:

font-size:字体大小

font-family:字体类型

边框属性:

border:设置四个边框的所有属性

border-width:设置边框的宽度

border-style:设置边框的样式

border-color:设置边框的颜色

边界属性:

margin:设置所有外边框属性

margin-left:设置元素的左外边距

margin-right:设置元素的右外边距

margin-top:设置元素的上外边距

margin-bottom:设置元素的下外边距

填充属性:

padding:设置元素所有的内边距

padding-left:设置元素的左内边距

padding-right:设置元素的右内边距

padding-top:设置元素的上内边距

padding-bottom:设置元素的下内边距

JavaScript中常用的事件列表:

onclick:当用户单击某个对象时调用事件

onmouseover:鼠标移到某元素之上

onmouseout:鼠标从某元素移开

onmousedown:鼠标按钮被按下

onmousemove:鼠标移动

onscroll:滑动事件

实际应用:

跟随滑动条:

实现类似于网页中的跟随广告

Title

CSDN:绥彼岸

CSDN:绥彼岸

CSDN:绥彼岸

CSDN:绥彼岸

CSDN:绥彼岸

CSDN:绥彼岸

CSDN:绥彼岸

CSDN:绥彼岸

CSDN:绥彼岸

CSDN:绥彼岸

CSDN:绥彼岸

CSDN:绥彼岸

CSDN:绥彼岸

CSDN:绥彼岸

CSDN:绥彼岸

CSDN:绥彼岸

CSDN:绥彼岸

CSDN:绥彼岸

CSDN:绥彼岸

CSDN:绥彼岸

CSDN:绥彼岸

CSDN:绥彼岸

CSDN:绥彼岸

CSDN:绥彼岸

CSDN:绥彼岸

CSDN:绥彼岸

CSDN:绥彼岸

CSDN:绥彼岸

CSDN:绥彼岸

CSDN:绥彼岸

CSDN:绥彼岸

CSDN:绥彼岸

CSDN:绥彼岸

CSDN:绥彼岸

CSDN:绥彼岸

CSDN:绥彼岸

CSDN:绥彼岸

CSDN:绥彼岸

CSDN:绥彼岸

CSDN:绥彼岸

CSDN:绥彼岸

CSDN:绥彼岸

CSDN:绥彼岸

CSDN:绥彼岸

CSDN:绥彼岸

CSDN:绥彼岸

CSDN:绥彼岸

CSDN:绥彼岸

放大镜(低配版):

在style中写一个class选择器,然后使用js代码给需要的标签设置class属性,起到给标签样式的作用 class是关键字,标签中的class属性在js中的class都叫做className 在标签上写对象事件没有效果,必须要在js中写事件对象

Title

html 前端 JavaScript和CSS的交互  第2张

以上就是本文所有的内容了,谢谢观看,我之后还会写一些与HTML相关的文章,喜欢的可以点个赞+收藏+关注。

相关阅读

评论可见,请评论后查看内容,谢谢!!!
 您阅读本篇文章共花了: