![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
学习笔记
不吭儿
这个作者很懒,什么都没留下…
展开
-
前端学习笔记
宽度,高度属性(CSS属性需要带单位)width:300px;height:300px、单元格与单元格之间的距离border-spacing:0px;width,height 、取消单元格和内容之间的距离padding:0px、隐藏空的单元empty-cells:hide/show。2)td:边框属性border:1px solid gray;1)table:边框属性border:1px solid gray;原创 2024-05-16 20:18:02 · 308 阅读 · 0 评论 -
前端学习笔记
day09网格布局网格:类似于单元格,应用在复杂的单元格合并中,比表格的使用更加灵活。触发网格的的属性display:grid/inline-grid网格 创建表格 <style> .outer{ width: 600px; height: 600px; border: 10px solid black; display: grid; grid-t原创 2024-05-20 21:24:38 · 289 阅读 · 1 评论 -
前端学习笔记
5.冒泡排序:将两两相邻的元素进行比较,大的放小的后面,比较一轮会将最大的放到最后。1.对象: object ,无序值的集合 ,由键值对组成的结构。3.数组:有序的值的集合 通常是用来描述一组同类型的数据。原创 2024-05-28 09:15:17 · 64 阅读 · 0 评论 -
前端学习笔记
5.返回值:函数被调用之后,执行函数体中的代码所得到的结果,如果想要拿到函数运行的返回值并且在后面的函数中使用它,我们需要通过return来得到;3.调用:通过使用 函数名()即可完成调用,声明式函数先调用后声明, 是可以完成的;但是再赋值式函数中先调用后声明式会报错。var fun2 = function(){ //需要封装进来的代码。function fun1(){ //需要封装进来的代码。在程序中不同的位置运行相同的的代码,封装一个函数即可。2)实参指传递进函数的值。原创 2024-05-23 19:57:14 · 150 阅读 · 1 评论 -
前端学习笔记
day08自适应。原创 2024-05-18 16:03:36 · 206 阅读 · 0 评论 -
前端学习笔记
1.内边距指的是内容和和边框至今的距离, 也可以理解成边框里面的距离。原创 2024-05-16 19:49:31 · 98 阅读 · 0 评论 -
前端学习笔记
1.scss:强化 CSS 的辅助工具,它在 CSS 语法的基础上增加了变量 (variables)、嵌套 (nested rules)、混合 (mixins)、导入 (inline imports) 等高级功能 , 这些拓展令 CSS 更加强大与优雅。6.继承:class 使用 @extend , 在设计网页的时候常常遇到这种情况:一个元素使用的样式与另一个元素完全相同,但又添加了额外的样式。3.嵌套语句:scss允许将一套css样式嵌套进另一套样式中,内层的样式将它外层的选择器作为父选择器。原创 2024-05-28 09:14:39 · 179 阅读 · 0 评论 -
前端学习笔记
这两天做的一些css+h5的页面设计1。原创 2024-05-16 19:59:57 · 752 阅读 · 0 评论 -
前端学习笔记
控制程序重复执行若干次相同或似的逻辑,理解并正确使用循环控制,需要搞清楚循环的3个要素:起始值、变化量、终止条件。3)多分支:if else if(if(条件1){满足条件1的时候执行的代码}else if(条件2){满足条件2执行的代码})2)双分支:if-else语句(if(条件){条件为true的时候执行的代码}else{条件为false的时候执行的代码})分支:单分支、双分支、多分支;2)continue结束本次循环,识别到continue后,会跳过本次的循环,执行下一次循环。原创 2024-05-22 20:49:03 · 159 阅读 · 1 评论 -
前端学习笔记
4)rgba()颜色 a代表的是alpha透明度 取值0-1之间的小数, 经常保留1位, 可以取值为0, 可以取值为1;1代表的是不透明 ,opacity:0;区块所有的标签内容都变透明。2)right: 都添加右浮动, 解决元素横向显示问题, 代表的是从右向左依次显示。1)left: 都添加左浮动, 解决元素横向显示问题, 代表的是从左向右依次显示。1)文本规则:对文本进行加粗、倾斜、颜色的修改等等。2)背景颜色:background-color。3)浮动属性 : float。原创 2024-05-10 20:54:07 · 1438 阅读 · 0 评论 -
前端学习笔记
day08h5+css做的一个后台管理页面的设计,右侧的表格加入了页面自适应<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title>原创 2024-05-18 16:07:35 · 439 阅读 · 0 评论 -
前端学习笔记
4.location对象:直接使用打印 , 或者是赋值给一个变量 , 就直接能获取到当前页面中地址栏中的相关地址信息,如果location.href被赋值 , 则代表的是 , 跳转到对应的网站地址。location 和地址相关的一个对象 location.href 可读可写的属性, console.log(location.href);//得到当前页面完整的url地址,location.href = “./w01.html”;//会让页面发生跳转,通常跟条件或者事件。原创 2024-05-28 21:42:06 · 136 阅读 · 0 评论 -
前端学习笔记
day05 css+h5设计的页面2<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="styl原创 2024-05-16 20:02:32 · 289 阅读 · 0 评论 -
前端学习笔记
7)div标签:iv是一个比较大的盒子, 也可以称之为容器,用于区块划分, 默认是纵向显示;4>align 水平线对齐取值“left/right/center”2.双标签:基本语法:1>noshade=“ noshade”可直接使用属性替换。1.单表签:基本语法:5)角标:上角标:sup;1)图像标签:让一张图片显示在浏览器中。2)换行标签:强制让文本进行折行显示;4)input :输入标签。3)水平标签:分割线。原创 2024-05-08 21:10:01 · 141 阅读 · 0 评论 -
前端学习笔记
1)+:如果有一个值为字符串,其他类型会转成字符串进行拼接 ,在没有字符串存在的情况下,进行+运算,也是转数值。5)undefined类型:代表未定义的,没有值,声明变量时候,没有赋值时会经常出现。2)或||:或者的意思,符号两边有一个为真返回真值,否则返回假。1)与&&:并且的意思,要求符号两边的均为真值,否则返回假。、/:无论是原本是什么类型的值,都会转数值进行运算。12.比较运算符:>、>=、<、<=、==、!10.赋值运算符:=、+=、-=、*=、/=真(true)和假(false)原创 2024-05-21 21:32:48 · 386 阅读 · 1 评论 -
前端学习笔记
含义 : 标签选择器, 是将标签名字当做查找页面元素的方式, 只要有对应名字的标签, 无论嵌套级别多么深入都可以被匹配到. 任何一个标签名字都可以当做选择器。含义 : 使用class属性给元素起一个class类名, 然后再CSS文件中通过类名查找页面中的元素。含义 : 元素本身没有对应的效果, 需要通过鼠标事件才能完成对应的效果。含义 : 用来匹配页面中的所有元素, 或者是某一个区域中的所有元素。含义 : 查找当前元素内所有符合条件的儿子辈分的元素。代表的是鼠标划过的时候出现的对应的样式。原创 2024-05-09 21:08:46 · 250 阅读 · 0 评论