首页 > 编程知识 正文

html5中的css调用js(javascript获取css)

时间:2023-05-03 05:38:18 阅读:78348 作者:3887

所有学习前端的人对前端三剑客《html+css+JavaScript》都不会陌生。 可以说这是前端的世界。 前端不是无法解决的,前端世界中也不是javascript无法实现的。

关于JavaScript,有一种说法是可以用JavaScript编写的APP应用程序最终使用JavaScript。 JavaScript可以在所有主要平台上运行,也可以在执行主要操作的所有服务器上运行。 现在,在网站上写主要功能时,需要足够的开发人员在JavaScript中写前端。

下面我们就来了解下这三门技术都有什么用?

1. HTML是网络内容的载体。 内容是web作者希望放在页面上供用户浏览的信息,可以包括文字、图像、视频等。

2. CSS风格是一种表现。 就像网页上的外套。 例如,改变标题的字体和颜色,或者在标题中包含背景图像和边框。 所有这些用于改变内容外观的东西都称为表达。

3. JavaScript用于实现网页上的特殊效果。 例如,滑动鼠标来显示下拉菜单。 或者,鼠标悬停的表的背景颜色发生变化。 还有焦点新闻(新闻照片)的轮换。 可以看到,有动画的和有交互组件的通常都是在JavaScript中实现的。

什么是HTML?

HTML是超文本标记语言(Hyper Text Markup Language ) HTML不是编程语言,而是标记语言(markup language )标记语言是标记标签)

HTML标签

HTML标签是括在尖括号中的关键字,例如html

通常,HTML标记是成对显示的。 标记对中的第一个标记是开始标记,第二个标记是结束标记

标签和标签之间可以嵌套,但优先级必须匹配。 例如,如果div中嵌套有p,则/p必须位于/div之前。

HTML基本结构

个HTML文件具有自己的固定结构,如下所示:

html

head./head

body./body

/html代码说明:

1. html/html称为根标记,所有网页标记都位于html/html中。

2 .头部标记用于定义文档的头部,是所有头部元素的容器。 头部元素包括标签,如title、script、style、link和meta。 关于头部标签,稍后详细说明。

3.body和/body标记之间的内容是h1、p、a、img等网页的主要内容,此处标记的内容显示在浏览器中。

在head中设置网页标题和字符集编码

头戴

title这里是标题/title

meta charset='utf-8'/

/head

什么是CSS (层叠样式表)?

CSS :全名层叠样式表也称为层叠样式表

是一组控制页面外观样式的样式设置规则

为什么使用CSS?

在创建网页时实现内容和样式的分离,便于团队开发样式重用,减少代码量,便于准确控制网站维护页面的样式,美化页面外观

style type='text/css '样式/style

CSS的作用

JavaScript (livescript )说明脚本语言,是基于动态、弱类型和原型继承的语言,内置支持类型该解释器称为JavaScript引擎,是浏览器的一部分,广泛用于客户端脚本语言。 最初用于HTML (标准通用标记语言下的APP应用程序)页面,用于向HTML页面添加动态功能。

CSS的基本结构

使用JavaScript修改HTML内容使用JavaScript修改HTML属性使用JavaScript修改HTML样式(CSS )使用JavaScript隐藏HTML元素使用JavaScript

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。