摘要: 为什么使用这个属性??? 下面我们看一个例子 .simple { width: 500px; margin: 20px auto; } .fancy { width: 500px; margin: 20px auto; padding: 50px; border-width: 10px; } 明明宽 阅读全文
posted @ 2019-07-10 10:42 舞动的小胖子 阅读(299) 评论(0) 推荐(0) 编辑
摘要: 我们要解决的问题:当浏览器的宽度比元素宽度要窄时,浏览器默认水平方向会有一个水平滚动条来容纳元素,改进的方法 添加一个max-width属性 所有的主流浏览器包括IE7+在内都支持 max-width 设置这个的目的:就在于浏览器窗口固定时,当div的最大宽度超过浏览器窗口的宽度时,div会自动适应 阅读全文
posted @ 2019-07-10 10:20 舞动的小胖子 阅读(420) 评论(0) 推荐(0) 编辑
摘要: li元素 li元素是一个块级元素,display值默认为 block 当我们把display值改为inline后,li元素以水平菜单的样式显示 补充:display与 visibility属性不同, display:none;//内容会隐藏,但是这个位置可以让别人占用 visibility:hidd 阅读全文
posted @ 2019-07-10 09:38 舞动的小胖子 阅读(1874) 评论(0) 推荐(0) 编辑
摘要: 行内元素: 内容多少就占多大的空间 与其他行内元素并排 不能设置宽高,默认宽度就是文字的宽度 块元素: 不管内容多少,总是在浏览器中独占一行。 可设置宽高,如果不设置宽高那宽度是100% 行内块元素:共享一行,可设置宽高,多个行内元素排列在一起 块级元素和行内元素的分类: 在HTML的角度来讲,标签 阅读全文
posted @ 2019-07-09 09:13 舞动的小胖子 阅读(1216) 评论(0) 推荐(0) 编辑
摘要: 1. Message: {{ msg }} 当数据改变时,插值处的内容也会自动更新 如果我们不想让它更新呢? v-once指令 含义:数据改变时,插值处的内容不会更新 2. 关于数据绑定的值 每个绑定都只能包含单个表达式,下面的例子不会生效 <!-- 这是语句,不是表达式 --> {{ var a 阅读全文
posted @ 2019-07-07 18:51 舞动的小胖子 阅读(123) 评论(0) 推荐(0) 编辑
摘要: W3C标准盒模型 在标准盒模型中,width指content部分的宽度。 IE的盒模型 在IE盒模型中,width表示content+padding+border这三个部分的宽度 box-sizing的使用 定义使用哪种盒模型的属性 box-sizing:content-box 是W3C 盒子模型 阅读全文
posted @ 2019-07-07 11:11 舞动的小胖子 阅读(258) 评论(0) 推荐(0) 编辑
摘要: 第一步、新建仓库 1. 2. 3. 第二步、在本地建一个空项目用来存放要上传的项目 1. 2.点击进入空文件,右击选择git bash here,出现下面的窗口 注意git bash 要先进入demo所在的目录 第三步、开始上传 1.基本信息设置 ①设置用户名 Git config --global 阅读全文
posted @ 2019-07-06 16:32 舞动的小胖子 阅读(171) 评论(0) 推荐(0) 编辑
摘要: 前后端不分离前端页面看到的效果都是由后端控制,由后端渲染页面或重定向到其他页面,后端需要控制前端的展示,前后端耦合度很高。这种应用模式比较适合纯网页应用,但是当后端对接APP时,APP可能并不需要后端返回一个HTML网页,而仅仅是数据本身,所以后端原本返回网页的接口不再适用于前端APP应用,为了对接 阅读全文
posted @ 2019-07-06 16:30 舞动的小胖子 阅读(917) 评论(0) 推荐(0) 编辑
摘要: 相对定位:relative绝对定位:absolute 相对定位relative:相对于原来位置移动,元素设置此属性之后仍然处在文档流中,不影响其他元素的布局绝对定位absolute:1.在父元素没有设置相对定位或绝对定位的情况下,元素相对于根元素定位(即html元素)(是父元素没有)。2.父元素设置 阅读全文
posted @ 2019-07-06 16:29 舞动的小胖子 阅读(129) 评论(0) 推荐(0) 编辑
摘要: 方法1通过margin:0 auto ; text-align:center;实现css水平居中方法2通过display:flex(弹性布局)实现css水平居中 父元素:display:flex;flex-direction:column; //从上到下垂直排列而子元素:align-self:cen 阅读全文
posted @ 2019-07-06 16:09 舞动的小胖子 阅读(3870) 评论(0) 推荐(0) 编辑