目录总览
1.CSS 三大特性1.1、层叠性
相同选择器设置相同的样式，此时一个样式就会覆盖另一个冲突的样式。
层叠性主要解决样式冲突的问题
层叠性原则：
样式冲突，遵循的原则是就近原则
1.2、继承性
CSS 中的继承：子标签会继承父标签里面的某些样式
如文本颜色和字号等
特殊： 行高的继承
123body { font: 12px/1.5 Microsoft YaHei;}
1.5 的意思：让里面所有的子元素的行高是当前文字大小的 1.5 倍
1.3、优先级– 当同一个元素指定多个选择器，就会有优先级的产生
12345678910111213<head><style> div{ color:pink; } .text { color:red; }</style></head><body> <div class="text">你笑起来真好看</d ...
目录总览
1、标签基础选择器1.1、标签选择器
标签选择器的作用是为页面中某一类标签指定统一的 CSS 样式
优点是能快速为页面中同类型的标签统一设置样式
缺点是不能设计差异化样式，只能选择全部的当前标签
123456标签名 { 属性1: 属性值1;}ul {}
规范：
属性值前面，冒号后面，保留一个空格
标签名和大括号中间保留空格
1.2、类选择器如果想要差异化选择不同的标签，单独选一个或者几个标签，可以使用类选择器
12345678.类名 { 属性1: 属性值1; .....;}.red { color: red;}
结构需要用 class 属性来调用
1<div class="red">变红色</div>
注意：
类选择器在 HTML 中以 class 属性表示，在 CSS 中，类选择器以一个点 . 号表示
记忆口诀：样式点定义，结构类调用
1.2.1、类选择器多类名
我们可以给一个标签指定多个类名，简单理解就是一个标签有多个 ...
快速开始123456git initgit add .git commit -m "init"git branch -M maingit remote add origin git@github.com:ducafecat/flutter_woo_commerce_getx_learn.gitgit push -u origin main
Git 安装配置在使用Git前我们需要先安装 Git。Git 目前支持 Linux/Unix、Solaris、Mac和 Windows 平台上运行。
Git 各平台安装包下载地址为：http://git-scm.com/downloads
Linux 平台上安装Git 的工作需要调用 curl，zlib，openssl，expat，libiconv 等库的代码，所以需要先安装这些依赖工具。
在有 yum 的系统上（比如 Fedora）或者有 apt-get 的系统上（比如 Debian 体系），可以用下面的命令安装：
各 Linux 系统可以使用其安装包管理工具（apt-get、yum 等）进行安装：
Debian& ...
目录总览
1、移动 Web 开发1.1、浏览器现状
国内的 UC 和 QQ，百度等手机浏览器都是根据 Webkit 修改过来的内核，国内尚无自主研发的内核。
总结：兼容移动端主流浏览器，处理 Webkit 内核浏览器即可。
1.2、手机屏幕现状
移动端设备屏幕尺寸非常多，碎片化严重。
Android 设备有多种分辨率：480x800, 480x854, 540x960, 720x1280，1080x1920 等，还有传说中的 2K，4k 屏。
近年来 iPhone 的碎片化也加剧了，其设备的主要分辨率有：640x960, 640x1136, 750x1334, 1242x2208 等。
作为开发者无需关注这些分辨率，因为我们常用的尺寸单位是 px 。
1.3、视口 viewport
视口（viewport）就是浏览器显示页面内容的屏幕区域。 视口可以分为布局视口、视觉视口和理想视口
我们只需要关注理想视口
1.3.1、布局视口 layout viewport
一般移动设备的浏览器都默认设置了一个布局视口，用于解决早期的 PC 端页面在手机上显示的问题。
iOS, Andro ...
目录总览
1、新增选择器CSS3 给我们新增了选择器，可以更加便捷，更加自由的选择目标元素。
属性选择器
结构伪类选择器
伪元素选择器
1.1、属性选择器
属性选择器可以根据元素特定的属性来选择元素，这样就可以不用借助于类或者 id 选择器
选择符
简介
E[att]
选择具有 att 属性的 E 元素
E[att=“val”]
选择具有 att 属性且属性值等于 val 的 E 元素
E[att^=“val”]
匹配具有 att 属性且值以 val 开头的 E 元素
E[att$=“val”]
匹配具有 att 属性且值以 val 结尾的 E 元素
E[att*=“val”]
匹配具有 att 属性且值中含有 val 的 E 元素
利用属性选择器就可以不借助于类或者 id 选择器
12345678910111213<head> <style> input[value] { color: pink; } </style>&l ...
目录总览
1、BOM 概述
BOM = Browser Object Model 👉 浏览器对象模型
它提供了独立于内容而与浏览器窗口进行交互的对象，其核心对象是 window
BOM 由一系列相关的对象构成，并且每个对象都提供了很多方法与属性
BOM 缺乏标准，JavaScript 语法的标准化组织是 ECMA, DOM 的标准化组织是 W3C, BOM 最初是 Netscape 浏览器标准的一部分
DOM
BOM
文档对象模型
浏览器对象模型
DOM 就是把 文档 当作一个对象来看待
把 浏览器当作一个对象来看待
DOM 的顶级对象是 document
BOM 的顶级对象是 window
DOM 主要学习的是操作页面元素
BOM 学习的是浏览器窗口交互的一些对象
DOM 是 W3C 标准规范
BOM 是浏览器厂商在各自浏览器上定义的，兼容性较差
1.1、BOM 的构成
BOM 比 DOM 更大。它包含 DOM。
window 对象是浏览器的顶级对象，它具有双重角色
它是 JS 访问浏览器窗口的一个接口
它是一个全局对象。定义在全局作用 ...
目录总览
1、DOM简介1.1、什么是 DOM文档对象模型（Document Object Model，简称 DOM），是 W3C 组织推荐的处理可扩展标记语言（HTML 或者 XML）的标准编程接口
W3C 已经定义了一系列的 DOM 接口，通过这些 DOM 接口可以改变网页的内容、结构和样式。
文档：一个页面就是一个文档，DOM 中使用 doucument 来表示
元素：页面中的所有标签都是元素，DOM 中使用 element 表示
节点：网页中的所有内容都是节点（标签，属性，文本，注释等），DOM 中使用 node 表示
DOM 把以上内容都看做是对象
2、获取元素2.1、如何获取页面元素DOM 在我们实际开发中主要用来操作元素。
我们如何来获取页面中的元素呢?
获取页面中的元素可以使用以下几种方式:
根据 ID 获取
根据标签名获取
通过 HTML5 新增的方法获取
特殊元素获取
2.2、根据 ID 获取使用 getElementByld() 方法可以获取带 ID 的元素对象
1doucument.getElementByld('id名')
使用 ...
目录总览
1、对象在 JavaScript 中，对象是一组无序的相关属性和方法的集合，所有的事物都是对象，例如字符串、数值、数组、函数等。
对象是由属性和方法组成的：
属性：事物的特征，在对象中用属性来表示（常用名词）
方法：事物的行为，在对象中用方法来表示（常用动词）
1.1、创建对象在 JavaScript 中，现阶段我们可以采用三种方式创建对象（object）：
利用字面量创建对象
利用 new Object 创建对象
利用构造函数创建对象
① 利用字面量创建对象对象字面量：就是花括号 { } 里面包含了表达这个具体事物（对象）的属性和方法
{ } 里面采取键值对的形式表示
键：相当于属性名
值：相当于属性值，可以是任意类型的值（数字类型、字符串类型、布尔类型，函数类型等）
12345678910var star = { name: 'pink', age: 18, sex: '男', sayHi: function () { alert('大家 ...
1、函数函数：就是封装了一段可被重复调用执行的代码块。通过此代码块可以实现大量代码的重复使用。
1.1、函数的使用函数在使用时分为两步：声明函数和调用函数
① 声明函数1234//声明函数function 函数名() { //函数体代码}
function 是声明函数的关键字,必须小写
由于函数一般是为了实现某个功能才定义的， 所以通常我们将函数名命名为动词，比如 getSum
② 调用函数12//调用函数函数名() //通过调用函数名来执行函数体代码
调用的时候千万不要忘记添加小括号
口诀：函数不调用，自己不执行
注意：声明函数本身并不会执行代码，只有调用函数时才会执行函数体代码。
1.2、函数的封装
函数的封装是把一个或者多个功能通过函数的方式封装起来，对外只提供一个简单的函数接口
1.3、函数的参数1.3.1、形参和实参在声明函数时，可以在函数名称后面的小括号中添加一些参数，这些参数被称为形参，而在调用该函数时，同样也需要传递相应的参数，这些参数被称为实参。
参数
说明
形参
形式上的参数 函数定义的时候 传递的参数 当前并不知道是 ...
初识 JavaScirpt
JavaScript 是世界上最流行的语言之一，是一种运行在客户端的脚本语言 （Script 是脚本的意思）
脚本语言：不需要编译，运行过程中由 js 解释器( js 引擎）逐行来进行解释并执行
现在也可以基于 Node.js 技术进行服务器端编程
浏览器执行 JS 简介浏览器分成两部分：渲染引擎和 JS 引擎
渲染引擎：用来解析 HTML 与 CSS，俗称内核，比如 chrome 浏览器的 blink ，老版本的 webkit
JS 引擎：也称为 JS 解释器。 用来读取网页中的 JavaScript 代码，对其处理后运行，比如 chrome 浏览器的 V8
浏览器本身并不会执行 JS 代码，而是通过内置 JavaScript 引擎(解释器) 来执行 JS 代码 。JS 引擎执行代码时逐行解释每一句源码（转换为机器语言），然后由计算机去执行，所以 JavaScript 语言归为脚本语言，会逐行解释执行。
JS 的组成JavaScript 包括 ECMAScript、DOM、BOM
ECMAScriptECMAScript 是由 ECMA 国际（ ...
