Andy310564-CSDN博客

原创 html制作抖音界面代码部分

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&...

2022-07-01 01:01:37 1589 1

什么叫定时器？JavaScript中提供一定是时间之后触发的功能，就叫做定时器。JS的两种定时器：setTimeout函数setInterval函数1.setTimeout()定时器window.setTimeout(调用函数,[延迟毫秒数])；2. setInterval()定时器window. setInterval(调用函数,[延迟毫秒数])；取消定时器：clearTimeout(timeoutID)方法clearInterval(intervalID)方法

2022-06-30 01:51:51 185

原创 Js操作属性和样式事件

元素内部结构的操作：1.innerHTML获取元素内部的HTML结构设置元素内容element.innerHTMLelement.innerHTML=“<p>hello</p>”2.innerText获取元素内部的文本（只获取文本内容）设置元素内部文本element.innerTextelement.innerText=“hello”元素属性的操作：1.getAttribute获取元素的某个属性值（包括自定义属性）element

2022-06-28 16:45:18 98

原创 Js基础，函数，对象，操作DOM元素

JS书写位置：JS有三种书写位置，分别为：行内内嵌外部JavaScript中的变量：变量就是一个装东西的盒子，通俗的来说，变量就是存放数据的容器。我们通过变量名获取数据，甚至可以修改数据JavaScript数据类型：Number数字型，包含整数值和浮点值0Boolean布尔值类型，如true、false，等价与1和0falseString字符串类型“”UndefinedVar a;声明了变量a但是没有给值，此时a = undefined

2022-06-27 17:18:47 110

原创 rem文字适配和Flex布局

rem是一个相对于根元素字体大小的单位.html{ font-size: 12px;//根元素字体大小为12px }p{ font-size: 2rem;//p元素的字体大小为24px }结合fiexble.js实现文字适配怎么设置flex布局：Flex翻译为“弹性”，通过给元素设置display属性，属性值为flex或者inline-flex。使其变成弹性容器，容器中的直系子元素就会...

2022-06-24 18:18:12 51

原创 CSS过渡、变形、2D转换小结

过渡：语法规则选择器{ transition:property duration timing-function delay}tansition属性实现简单的动画效果transition属性是一个复合属性，主要包含property、duration、timing-function、delay等子属性div{ transition: width 2s; }transiton子属性：property：规定应用过渡的CSS属性的名称取值：none：...

2022-06-23 20:36:53 52

原创 CSS基础盒模型、浮动、定位小结

盒模型定义：就是把HTML页面中的元素看作是以一个矩形的盒子，也就是一个装东西的容器盒模型组成：内容- 框的内容，其中显示文本和图像。内边距- 清除内容周围的区域。内边距是透明的。边框- 围绕内边距和内容的边框。外边距- 清除边界外的区域。外边距是透明的。1.内容（content）：指定内容的大小width：内容的宽度height：内容的高度注意：行内元素不支持设置宽度和高度2.边框（border）：指定一个元素边框的样式、粗细、颜色语法：border:...

2022-06-22 20:30:48 140

原创了解CSS的一些基本知识

CSS指的是层叠样式表，是一种用来表现HTML或XML等文件样式的计算机语言，是描述标记语言页面格式的标准。CSS使开发人员能够分离内容和可视元素，以实现更好的页面控制和灵活性。层叠：层叠指的就是样式的优先级，当产生冲突时以优先级高的为准。作用：用来美化网页的。语法规则选择器{声明块}选择器：通过选择器可以选中页面的制定元素声明块：通过声明块来制定要为元素设置样式p{ color: black; }CSS引入的方式行内样式内部样式...

2022-06-21 17:20:06 116 1

原创初学html

什么是HTMLHTML指的是超文本标记语言（Hyper Text Markup Language），标记语言是一套标记标签，HTML是通过标签来描述网页。超文本：就是指具有超链接（链接跳转）功能HTML基本结构<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <head>...

2022-06-20 17:46:23 101 1

Andy310的博客