- 博客(17)
- 收藏
- 关注
RSS订阅原创 运算符
运算元运算符应用的对象。1 + 2 = 31,2就是运算元一元运算符：只有一个运算元的运算符。var a = -1;a = -a;表达式：由运算符和变量/常量组成的式子a+1 、1+2、 3+5、 5-4、 a-b、 c*d常见的数学运算符+ 、-、 、 /、 % 、指数：*多个数字和字符相加时，注意顺序不同，结果也会不同var a = 3 + 4 +‘5’ ;结果为：75var a = ‘3’ + 4 + 5 ;结果为345余数运算符%返回前一个运算云被后一个运算元
2020-12-31 14:57:05
383
原创 JavaScript入门
JavaScript简介web前端有三层：html 页面结构css 页面样式javascript 行为 （与用户交互）用途：数据验证网页特效游戏开发动态加载数据node.js开发服务器手机app为什么要学习JavaScript在web前端里，JavaScript能跨平台，跨浏览器驱动页面，与用户交互。它的功能很强大，用途很广泛。它有着很大的社区，广泛的图书与文献，代码资源丰富。JavaScript简介JavaScript 一个面向对象的跨平台脚本语言
2020-12-29 20:47:41
249
原创 H5新增标签+BFC+三栏布局+移动端
H5标签在IE9（包括IE9）之前都需要转换成块级元素 display：block在移动端就不需要考虑兼容问题。 H5+css3可以放心的在移动端使用。1.nav 定义导航2.header 表示网页的头部。通常是一些导航信息或者标题。3.article 表示一块独立的部分。4.aside 对article的内容进行信息的辅助解释。次要信息，比如博客网站中的侧边公告，或者广告，分类等信息。5.section 文档中的一个节点或者区域。6.footer 页面的底部。通常是链接或版权信息7.hg
2020-12-25 19:10:08
364
原创 rem+vw、vh+sass
remem:相对单位，它需要一个参考属性。当前元素的字体大小。rem：相对单位 root em。 参考值为：HTML根标签的font-size的值。iPhone5 320px 上面有640个像素点。 1px=1个物理像素点 1px=2个物理像素点。 160/320 一半iPhoneX 375px 187.5rem布局的原理：动态修改html根标签中的font-size值。实现方式：1.通过js2.通过vw。vm、vh百分比布局缺点：1.计算百分数不方便。2.多层嵌套时使用不
2020-12-25 08:52:45
403
1
原创 弹性盒子flex
声明定义使用display：flex或display：inline-flex 声明一个容器为弹性盒子。这个容器中的子元素们，会遵循弹性布局。【注】一般是使用display:flex. inline-flex极少用。flex:如果没有为父元素设置宽，默认为100%；inline-flex：如果没有设置宽，，默认为所有子元素的宽的和。flex-direction 用于设置盒子中的子元素的排列方向。 row 从左到右水平排列子元素（默认值） column 从上往
2020-12-21 19:49:46
264
原创 css基本概念
css概念1.css优点：css能够极大提高工作效率。能够使代码精简，可读性提高。便于维护结构与样式分离对于搜索引擎更加友好，因为搜索引擎更注重内容。2.css概念cascading style sheets 层叠样式表通俗的说：规定了HTML标签在网页上的显示样式。样式：HTML标签在页面的显示效果。3.css基本语法1.选择器：谁要做样式改变。2.声明：做什么样的样式改变。选择器{ 声明；（属性：属性值）} p{ color: #e67
2020-12-18 10:26:32
426
原创 css过渡+2D、3D转换+动画
w3c会员：各大互联网巨头它设定了整个平台的规则，监督整个过程。现在学习的是css2.1 但是到css3时，就要考虑兼容性问题。浏览器前缀谷歌 苹果 -webkit-火狐 -moz-IE -ms-欧朋 -o-sass过渡，2D转换transition 过渡之前：元素从一个状态到另外一个状态（hover）直接切换，从开始状态到结束状态瞬间完成，中间过程几乎不可见。css3新增了过渡这个属性，可以实现元素不同状态之间的平滑过渡。transition-property
2020-12-17 13:33:57
217
1
原创 CSS中添加背景图+盒子边框样式
background-image*设置图片为背景。*background-image:url("图片路径")；background-size:设置背景图片的大小属性值：px 单词单词：都会让图片等比例缩放。cover 将盒子铺满背景图，但是不保证图片的完整显示。contain 将图片完整的显示，不保证铺满盒子。background-repeat设置背景图片是否重复以及如何重复，默认为平铺满。属性值：repeat:平铺 默认值no-repeat:不平铺repeat-x
2020-12-15 13:59:15
5657
原创 表单基本概念
表单input标签1.1输入框type：text功能：允许用户输入文本。常用属性:value : 未输入之前的默认文本。（在点击提交或【button】按钮时，在网址栏会自动显示输入和选择的属性）placeholder：未输入之前的提示内容。maxlength：文本区域最多可以输入的字符数。minlength:文本区域最少应该输入的字符数。autofocus：页面加载后自动获取焦点。name：名称 可以分组1.2密码框type：password1
2020-12-14 09:04:39
3262
原创 HTML入门基本标签
HTML入门概述HTML是一门超文本标记语言超文本：音频，视频，图片称为超文本。标记 ：<英文单词或者字母>称为标记，一个HTML页面都是由各种标记组成。html基本框架：<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device- width, initial-scale=1.0"&
2020-12-14 09:04:27
302
原创 父盒子塌陷+定位
子盒子浮动后防止父盒子塌陷方法1：给父盒子设置高度不推荐 内容区固定方法2：让也父盒子浮动不推荐 影响后面的元素布局方法3：父框转化为行内块不推荐 后果与添加浮动一样，影响后面的元素布局方法4：在父框样式中使用over-flow:hidden不推荐 设置固定高度时，内容太多溢出，同时也超出了父框自适应子框的高度，此时溢出内容将会被隐藏方法5：专门清除浮动clear:both/left/right清除两边/左边/右边的浮动方法6：在父框最后添加一个空标签(样式使用cle
2020-12-14 09:01:51
669
原创 css盒模型基本概念+浮动
基本概念盒子：容器 盒子模型 英文：box model。最常见的盒子是div span盒子中的区域：content（内容区），宽和高指的是内容区的宽与高1.宽 width px content2.高 height content3.内边距 padding4.边框 border5.外边距 margin【注】标准盒模型的宽和高和盒子真实占有的宽高不是一个概念。背景色：background-color会渲染除了外边距的整个盒子（边框、内边距、内容区）盒子真实占有的
2020-12-09 20:52:46
206
原创 CSS样式基本属性（标签权重对比）
继承有一些属性给父类或祖先元素设置后，其后代元素也会继承该样式，这就叫做继承性。继承性是从当前元素开始，一直到最小的元素。后代元素能够继承来自祖先元素的文字样式。这些属性包括：color，text-开头，line-开头的，font-开头的。关于盒子、定位、布局的属性，不能被继承。样式表：行内式>内嵌式与外链式 （就近原则）样式权重选择器：ID选择器>类选择器>标签选择器复杂选择器权重的计算比较,数基础选择器的数量：ID选择器的数量 类选择器的数量 标签选择器的数量
2020-12-08 20:40:14
476
原创 基本选择器介绍
选择器选择器的功能：选中要添加样式的标签元素。1.标签选择器什么是标签选择器？通过标签名直接选择相应的标签。不管有多复杂的嵌套关系，标签的位置就算藏得很深，依然可以被标签选择器命中。格式：标签名{声明;}标签选择器的作用：1.利用标签选中所有的特性，进行默认样式的清除。2.复杂选择器中一部分使用。 div { color: red; }2.ID标签选择器ID选择器作用：选中页面中唯一的一个标签。格式：#ID值{声明;}【注】：
2020-12-07 20:46:18
1637
原创 css基本类名命名（见名知意）
常用的CSS命名规则1.注释的写法:/* Footer /内容区/ End Footer */id的命名:(1)页面结构容器: container页头：header内容：content/container页面主体：main页尾：footer导航：nav侧栏：sidebar栏目：column页面外围控制整体布局宽度：wrapper左右中：left right center(2)导航导航：nav主导航：mainbav子导航：subnav顶导航：topnav边导航：
2020-12-07 17:08:55
675
原创 列表+table+a
定义列表**概述有三个标签参与：dl dt dddl:定义一个定义列表。dt:定义标题（列表项）dd：对标题的说明和解释嵌套关系dl>dt+dd.格式 <dl> <dt></dt> <dd></dd> </dl>知识点：1.dt与dd是同级2.一个dt可以用多个dd来解释。3.dd是解释上面最近的一个dt。应用场景：需要对列表项进行解释说明时。eg：京东侧
2020-12-03 19:24:33
454
原创 VScode安装及插件、快捷键使用
VScode使用教程安装教程鼠标左键双击，即可运行安装程序一：同意协议二：选择安装路径很明显可以看到VSCode的默认安装路径为C:\users\用户名\AppData\Local\Programs\Microsoft VS Code你可以对其进行修改：点击浏览按钮或者 直接在输入框中删掉默认路径，然后进行填写（注意：请使用英文输入法）三：在开始菜单文件夹中创建VSCode的快捷方式你可以选择更改开始菜单文件夹名字或者不创建开始菜单文件夹这一步无论你如何选择，实际上几乎不
2020-12-03 19:22:33
2153
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人