CSS3 2D 3D 1. 2D转换1.1二维坐标系1.2 2D转换之translate div { width: 200px; height: 100px; background-color: pink; /* 我们translate里面的参数可以用% */ /* 如果里面的参数是 % 移动的距离是 盒子自身的宽度或者高度来对比的 */ /.
vscode live sever 插件问题解决笨方法 1.由于自己使用vscode要添加多个文件夹 有时用live sever打开文件的时候会有工作区不对的问题好几次操作后左边资源管理栏全部丢失，更是添加工作区失败，插件用不了，弹出几种错误提示2.跟着网上的方法试过，直接重启很少生效，更改系统属性配置环境试过了却没用（可能自己操作有问题）3.于是乎，自己弄了下，发现了一种笨方法：第一步：找到插件live sever 点开扩展设置第二步：点击工作区，找到Live Server › Settings:Multi Ro..
CSS 7 HTML5&CSS3提高 1.HTML5新特性1.1HTML5新增的语义化标签1.2HTML5新增的多媒体标签HTML5在不使用插件的情况下，也可以原生的支持音频格式文件的播放，当然，支持的格式是有限的。1.2.1视频<video>两种语法中，一般直接写上面那种给个mp4的格式文件就可以了，若不是mp4且浏览器不支持此格式文件，再按照第二种语法写（第二种语法指先找ogg格式，如果还是不支持找mp4格式，再不支持显示“您的浏览器暂不支持<vid...
CSS 6 精灵图 字体图标 CSS三角 用户界面样式 vertical-align 溢出文字省略号 常见布局技巧 目录1.精灵图1.1为什么需要精灵图1.2精灵图（sprites）的使用1.3精灵图使用案例2.字体图标2.1字体图标的产生2.2字体图标的优点2.3字体图标的下载2.4字体图标的引用（以icomoon为例）2.5字体图标的追加（以icomoon为例）3.CSS三角3.1三角的实现3.2京东三角4.CSS用户界面样式4.1什么时界面样式4.2鼠标样式4.3轮廓线outline4.4防止拖拽文本域resize5....
CSS 5 定位 网页布局总结 元素显示与隐藏 1.定位1.1为什么需要定位提问：以下情况使用标准流或者浮动能实现吗？1.某个元素可以自由的在一个盒子内移动，并且压住其他盒子2.当我们滚动窗口时，盒子是固定屏幕某个位置的1.2定位组成1.3静态定位 static (了解)1.4相对定位 relative（重要）1.5绝对定位 absolute（重要）1.6子绝父相的由来1.7固定定位 fixed （重要）1.8粘性定位 sticky （了解）1....
CSS 4 浮动 常用网页布局 清除浮动 PS 学成在线案例 目录1.浮动1.1传统网页布局的三种方式1.2标准流（普通流/文档流）1.3为什么需要浮动？1.4浮动特性（重要）1.4.1浮动元素会脱离标准流1.4.2浮动的元素会一行内显示并且元素顶部对齐1.4.3浮动的元素会有行内块元素的特性1.5浮动元素经常和父级搭配使用1.6综合案例2.常用网页布局2.1常见网页布局2.2浮动布局注意点3.清除浮动3.1为什么要清除浮动3.2清除浮动本质3.3清除浮动3.3清除浮动方法3....
CSS 3 盒子模型 圆角边框 盒子阴影 文字阴影 盒子模型网页布局要学习三大核心，盒子模型，浮动和定位。学习好盒子模型能非常好的帮助我们布局页面1.1看透网页的本质网页布局过程：先准备好相关的网页元素，网页元素基本都是盒子BOX 利用CSS设置好盒子样式，然后摆到相应位置 往盒子里面装内容网页布局的核心本质：就是利用CSS摆盒子1.2盒子模型（Box Model）组成1.3边框（border）border-style中常用的三种边框样式： <style> d...
CSS 2 emmet语法 复合选择器 元素显示模式 目录Emmet语法1.1快速生成HTML结构标签1.2快速生成CSS样式语法CSS的复合选择器1.1什么是复合选择器1.2后代选择器（重要）1.3子选择器（重要）1.4并集选择器（重要）1.5伪类选择器1.6链接伪类选择器1.7：focus伪类选择器1.8复合选择器总结CSS的元素显示模式2.1什么是元素的显示模式2.2块元素2.3行内元素2.3行内块元素2.4元素显示模式总结2.5元素显示模式的转换...
CSS 1 引入方式、选择器、字体样式、文本样式 css引入方式1.外部样式表把CSS代码和HTML代码都单独放在不同文件中，然后在HTML文档中使用link标签来引用CSS样式表。2.内部样式表把CSS代码和HTML代码放在同一个文件中，其中CSS代码放在标签对是放在标签对内的。3.内联样式表把CSS代码和HTML代码放在同一个文件中，但是跟内部样式表不同，CSS样式不是在<style></style>标签对中定义，而是在标签的style属性中定义。eg.<p style="color: red;
html学习与练习 1.标题标签 空格符 平行线 上标下标 版权符号 注册商标<body> <h3>各科小常识</h3> <hr> <h4>语文</h4>   《三国演义》中国古典的四大名著之一。元末明初小说家罗贯中所著，是中国第一部长篇章回体历史演义的小说。 描写了从东汉末年到西晋初年之间近100年的历史风云。 <hr> <h4>...
HTML学习第一天 目录一.网页1.1什么是网页？1.2什么是HTML？1.3网页的形成二.Web标准（重点）1.为什么需要Web标准？2.Web标准的构成三.HTML标签（上）1.1 基本语法规范1.2标签关系2.1HTML基本结构标签2.1第一个HTML网页一.网页1.1什么是网页？网站是指在因特网上根据一定规则，使用HTML等制作的用于展示特定内容相关的网页集合。网页是网站中的一‘页’，通常是HTML格式的文件，他需要通过浏览器来阅读。网页是构成网站的.
c语言函数递归 什么是递归？程序调用自身的编程技巧叫做递归。它通常把一个大型复杂问题层层转化为一个与原问题相似的规模较小的问题来求解，递归策略只需少量的程序就可以描述出解题过程所需要的多次重复计算，大大减少了程序的代码量。递归的主要思考方式在于：把大事化小递归的两个必要条件：·存在限制条件，当满足这个限制条件时，递归便不再继续。·每次递归完之后越来越接近这个限制条件。练习1：接收一个整型值（无符号），按照他的顺序打印他的每一位。如：输入1234，输出1 2 3 4参考代码：#include&l
c语言函数 函数分为库函数和自定义函数（1）实际参数(实参) 真实传给函数的参数，叫实参。实参可以 是：变量，常量，表达式，函数等。无论实参是何种 类的量，在进行函数调用时，它们都必须有特点的值，以便把这些值送给形参。形式参数(形参) 形参是指函数名后括号中的变量，因为形式参数只有在函数被调用过程中才实例化(分配内存单元)，所以叫形式参数。形式参数当函数调用完之后就自动销毁了。因此形参只在函数中有效。(当实参传给形参的时候，形参相当于是实参的一份临时拷贝，对实参没有影响)（2）函数的调用...
c语言数组 1.1定义一维数组 数组就是在内存空间中连续存在的相同类型的变量空间。要定义一维数组，其一般形式为：类型符 数组名[常量表达式]例如：int a[10]; 它表示定义了一个整形数组，数组名为a，此数组共有10个整形元素。说明： （1）在定义数组时，需要指定数组中元素的个数，方括号中的常量表达式用来表示数组的个数，即数组长度。例如，指定a[10]，表示a数组中有10个元素。注意，下表是从0开始的，这是个元素是：a[0],a[1],a[2],a[3]...
break，continue与循环嵌套 一丶break语句可以提前终止循环（break语句的作用为使流程跳到循环体之外，接着执行循环体下面的语句） （break语句仅可用于循环语句与switch语句中，而不能单独使用）例：在全系1000个学生中，征集慈善捐募，当总数达到十万元时就结束，统计此时捐款的人数以及平均每人捐款的数目。#include<stdio.h>#define SUM 100000 //指定符号常量SUM代表100000int main(){ float amount,aver,tota..
逻辑表达式运算与斐波那契数列 一、逻辑表达式运算 在一个逻辑表达式中，可以包含多个运算符，而由于运算符的优先级不同，其运算顺序也不同。基本的，若一个逻辑表达式中包含多个逻辑运算符，例如：！a&&b||x>y&&c。按以下的优先次序： （1）！→&&→||，即“！”为三者中最高次序 （2）逻辑运算符中的“&&”和“||”低于关系运算符，“！”高于关系运算符，如下图 例如：（a>b）&am...
switch语句 switch可以处理多分支选择问题。一般形式为：switch（表达式）{case 常量表达式1：语句段1;break;case 常量表达式2：语句段2; break; ......default: 语句段n+1；break；}对switch语句的执行流程：首先求解表达式，如果表达式的值与某个常量表达式的值相等，则执行改常量表达式的相应语句段，如果没有相等的值，则执行default后的语句段，注意执行一个...
关注
css框架 1篇
JavaScript 笔记 2篇
css框架 JavaScript 笔记