JS学习笔记3数组数组在 JavaScript 中并不是新的数据类型，它属于对象类型 12345678<script> // 1. 语法，使用 [] 来定义一个空数组 // 定义一个空数组，然后赋值给变量 classes // let classes = []; // 2. 定义非空数组 let classes = ['小明', '小刚'

JS学习笔记2运算符一元运算符（自增++，自减–，注意前置和后置的小区别，和别的语言相同） 算术运算符 赋值运算符 比较运算符（与别的语言略有不同） 逻辑运算符 运算符优先级 123456注意一个点；数字与字符串比较时，字符串会转换成数字字符,如果字符串为非数字，这个字符串会转换成NaN;比较结果均为FALSE如 (9<'10') true (9<'

JS学习笔记1（基础语法部分笔记简略）js输入输出语法输出语法 document.write() 页面中打印 参数解析： （1）.expN：可以是一个或者多个参数，如果是多个参数，那么按照顺序写入文档。(如果写入多个参数的话，这些参数会自动换行显示) (2)这里的参数可以是变量，也可以是函数体、函数自执行体，数字等等，也可以进行一些简单的运算 (3)参数支持标签属性，写入的时候会按照htm

css笔记21.Emmet语法提高Html/css编写速度 快速生成html语法 标签名+Tab直接生成标签 生成多个相同标签 标签名*n div*3 父子级别关系的标签，用> , ul>li 兄弟级别的标签，用+， div+p 点+类名，生成带类名的标签；#+id名，生成带id名的标签 .demo$*5,生成五个按序排列的div div{内容} ，生

CSS1.CSS语法规范和代码风格语法规范 选择器（用于指定CSS样式的HTML标签） 一条或多条声明(属性和属性值以键值对的形式出现) 代码风格 小写 空格规范 冒号后保留一个空格 选择器和{直接留一个空格 展开书写 1234h3 { color: pink; font-size: 10;} 2.css选择器作用根据不同需求选择不同标签 分类基础选择

css笔记71.精灵图为什么使用精灵图（目的）：​ 为了有效地减少服务器接收和发送请求的次数，提高页面的加载速度，出现了 CSS 精灵技术（也称 CSS Sprites、CSS 雪碧）。 核心原理：​ 将网页中的一些小背景图像整合到一张大图中 ，这样服务器只需要一次请求就可以了。 精灵图的使用使用精灵图核心： 精灵技术主要针对于背景图片使用。就是把多个小背景图片整合到一张大图片中。 这个大图片也

css笔记6定位1.为什么需要定位定位可以让盒子自由的在某个盒子内移动位置或者固定屏幕中的某个位置，并且可以压住某个盒子。 2.定位组成定位=定位模式+边偏移 定位模式用于指定一个元素在文档中的定位模式。边偏移则决定了该元素的最终位置。 值 语义 static 静态定位 relative 相对定位 absolute 绝对定位 fixed 固定定位 3.静态定位

CSS笔记5PS切图图层切图用移动工具选择找到图层，右击图层，快速导出PNG 有时候要导出得图片为两个图层合并得效果，所以需要将有所需图片的图层合并，选中后ctrl+e 切片切图利用切片选中图片 导出选中的图片 ps插件切图安装cutterman插件 css属性书写顺序 建议遵循以下顺序： 布局定位属性：display/position/float/clear

css笔记41.圆角边框在 CSS3 中，新增了圆角边框样式，这样我们的盒子就可以变圆角了。 12border-radius: 10px;border-radius: length; px或者百分比 50% 边框相邻两条边的内切圆的半径 如果是正方形，想要设置为一个圆，把数值修改为高度或者宽度的一半即可，或者直接写为 50% 该属性是一个简写属性，可以跟四个值，分别代表左上角、右上角、右下角

css笔记31.css三大特性层叠性相同选择器给设置相同的样式，此时一个样式就会==覆盖==另一个冲突的样式。 样式冲突遵循的原则是就近原则，哪个样式离结构近，就执行哪个样式 继承性子标签会继承父标签的某些样式，如文本颜色和字号。 ==text-，font-，line-==这些元素开头的可以继承，以及color属性