摘要: 1.px(像素) px单位的名称为像素,它是一个固定大小的单元,像素的计算是针对(电脑/手机)屏幕的,一个像素(1px)就是(电脑/手机)屏幕上的一个点,即屏幕分辨率的最小分割。由于它是固定大小的单位,单独用它来设计的网页,如果适应大屏幕(电脑),在小屏幕(手机)上就会很不友好,做不到自适应的效果。 阅读全文
posted @ 2019-10-09 01:09 蛋蛋超人z 阅读(2149) 评论(0) 推荐(0) 编辑
摘要: JS Node.js配置环境步奏: Js基础总结 声明变量的方式有三种:var,let,const.。 他们的特点 Var:可以重复声明,后面的会覆盖前面。可以提升变量。他是全局声明。 Lef:定义变量,变量可被修改,没有变量提升效果。 Const:定义常量,不可更改。 阅读全文
posted @ 2019-10-08 17:47 蛋蛋超人z 阅读(106) 评论(0) 推荐(0) 编辑
摘要: html: <p class="btnUp"><img src="img/icon_gas_72X72@2x.png"><span>下载云门APP</span></p> css: .btnUp img{ 这里需要注意的是这是span转换为了行内块,然后才用vertical-align来实现。 阅读全文
posted @ 2019-10-08 02:06 蛋蛋超人z 阅读(337) 评论(0) 推荐(0) 编辑
摘要: <style type="text/css"> .div4{ border:1px solid red; width:400px; padding-bottom:20px; padding-top:20px; text-align:center; } </style> <div class="div 阅读全文
posted @ 2019-10-08 02:01 蛋蛋超人z 阅读(494) 评论(0) 推荐(0) 编辑
摘要: 弹性布局,又称“Flex布局”,是由W3C老大哥于2009年推出的一种布局方式。可以简便、完整、响应式地实现各种页面布局。而且已经得到所有主流浏览器的支持,我们可以放心大胆的使用。 >>> 了解两个基本概念,接下来会频繁提到: ① 容器: 需要添加弹性布局的父元素; ② 项目: 弹性布局容器中的每一 阅读全文
posted @ 2019-10-07 04:17 蛋蛋超人z 阅读(139) 评论(0) 推荐(0) 编辑
摘要: 这记录一个当常规流盒子遇到浮动盒子的一个问题: 浮动盒子会避开常规流盒子排列。 常规盒子会忽略浮动盒子排列。 (他们都是更加上一个盒子属性来判断的。) 这就牵扯出另一个问题了,高度坍塌。高度坍塌其实就是常规流盒子在计算高度时会无视浮动盒子,所以高度坍塌了。 解决高度坍塌可以用:clear:both; 阅读全文
posted @ 2019-09-16 00:21 蛋蛋超人z 阅读(212) 评论(0) 推荐(0) 编辑
摘要: 作为一个新手对于绝对路径和相对路径有点分布清楚,所以整理了一下。 绝对路径: 1.访问站外资源只能用绝对路径。 2.访问站内资源若已部署到服务器,可以用绝对路径。(可以省略协议和域名) 3.绝对路径必须从根开始 相对路径: 1.根文件的路径。 2.只能用于访问站内资源。 阅读全文
posted @ 2019-09-16 00:13 蛋蛋超人z 阅读(128) 评论(0) 推荐(0) 编辑
摘要: 一、块级元素: 1.总是从新的一行开始。 2.宽高可控。(margin、padding都可以设置) 3.没有设置宽高时,默认为100%。 4.可以包含块级元素和行内元素。 5.块级文字元素不能放入其他块级元素。 6.大多为结构标签。 二、行内元素: 1.和其他元素都在一行。 2.高度、宽度以及外边距 阅读全文
posted @ 2019-09-16 00:07 蛋蛋超人z 阅读(330) 评论(0) 推荐(0) 编辑
摘要: 声明冲突的优先顺序,这个虽然很基本,但是也是很重要的东西,往往很多时候出现写了的样式没有效果,十有八九就是声明中的权重问题!我拉通去整理了一下。 一、比较声明的优先级: 由大到小顺序。 1. 用户重要声明。2.作者重要声明。3.作者普通声明。4.用户普通声明。5.浏览器默认声明。 二、比较特殊性: 阅读全文
posted @ 2019-09-15 23:56 蛋蛋超人z 阅读(178) 评论(0) 推荐(0) 编辑