- 博客(6)
- 收藏
- 关注
原创 JS第二部分
一、DOMDOM:文档对象模型(Document Object Model,简称DOM),是W3C组织推荐的处理可拓展标记语言的标准编程接口。通过DOM提供的接口可以对页面上的各种元素进行操作(大小、位置、颜色等)。文档:一个页面就是一个文档,在DOM中用document表示元素:页面中的所有标签都是元素,在DOM中用element表示节点:网页中的所有内容都是节点(标签、属性、文本、注释等),DOM中使用node表示1.操作元素1)改变元素内容语法:element.innerText
2022-05-27 19:54:22 410
原创 JS第一部分
一、JS基础1.js介绍1)JavaScript是什么JavaScript是世界上最流行的语言之一,是一种运行在客户端的脚本语言(Script是脚本的意思)脚本语言:不需要编译,运行过程中由js解释器(js引擎)逐行来进行解释并执行现在也可以基于Node.js技术进行服务器端编程浏览器分成渲染引擎和js引擎两部分:浏览器通过js引擎来执行js代码。2)js组成js分为ECMAScript(js语法),DOM(网页文档对象模型),BOM(浏览器对象模型)。ECMAScri
2022-05-20 21:57:30 659
原创 CSS第三部分——过渡与动画
一、过渡(transition)过渡(transition)是CSS3中具有颠覆性的特性之一,我们可以在不使用Flash动画或JavaScript的情况下,当元素从一种样式变换为另一种样式时为元素添加效果。过渡动画:是从一个状态渐渐的过渡到另外一个状态。可以让我们页面更好看,更动感十足,虽然低版本浏览器不支持(ie9以下版本)但是不会影响页面布局。经常和:hover一起搭配使用。语法:transition:要过渡的属性 花费时间 运动曲线 何时开始;属性(必须写):想要变化的css属性,
2022-04-29 12:03:18 4250
原创 CSS第二部分——网页布局三大核心
一、盒子模型css盒子模型本质上是一个盒子,封装周围的html元素,它包括:边框、外边框、内边框和实际内容。1.边框(border)语法:border:border-width(定义边框粗细,单位是px) border-style(边框的样式) border-color(边框样式);(复合写法也是这样的,没有顺序区别,一般是这个顺序,注意英文的标点符号)例:border:1px solid red;border-style:none(无边框) || solid(实线边框) || d
2022-04-22 15:04:45 1256
原创 css第一部分
CSS第一部分一、CSS选择器1.基础选择器· 标签选择器标签选择器:用标签名做选择器,可以把某一类标签全部选出来。<html><head> <style> p { color: pink; } div { color: red; } </style></head><body> <p>这是一段文字</p> <p>这是另一段文字</P>
2022-04-15 16:57:33 364
原创 html,css,js简单介绍,html常用标签
简单介绍html:超文本标记语言(Hyper Text Markup Language),是一种用来描述网页的标记语言,包含了一系列的标签,通过这些标签来对网页进行文档制作,主要用于制作网页的内容。其中超文本指的是:1.超越文本限制(如:图片,视频等);2.超级链接文本。 css:层叠样式表(Cascading Style Sheet),也属于标记语言,主要用于设置html页面中的文本内容(字体,大小,对齐方式等),图片的外形(宽高,边框样式,边距等),以及版面的布局和外观显示样式。 js:(Jav
2022-04-08 17:49:30 2715
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人