漫步火星

摘要： 网页是一个页面，网站是由多个网页组成的！ 我们在使用代码编写的时候能看到这样的东西，具体内容如下，比较基础： 认识SEO？ SEO就是搜索引擎优化，作用就是你找查找相关内容时，能够优先给你展示这个内容。 SEO三大标签（一般由想干人员提供）： title（网页标签）、description（网页描述 阅读全文

摘要： 什么时候精灵图呢？ 通常在渲染页面的时候，需要服务器向我们发送数据，但有的时候一个页面需要多张图时，服务器就会处于连续发图的工作状态，但如果我们把需要的图都放在一张图上，这样可以大大的减少服务的工作负担，打个比喻。服务器发一张图是，工作流程是：找到图片——读取图片——发送图片，如果是发送5个图片时， 阅读全文

摘要： 因为我本人学过的计算机语言到倒还是蛮多的，所有在这里就简单的说一下JS的基本内容，基本很多计算机语言都是公用的。 什么是JS？ JS是一种运行在客户端（浏览器）的一种计算机语言，主要作用是实现人机交互（告诉计算机我想要做什么操作，类比其他计算机语言，因为语言的存在就是为了大家相互联系、沟通，计算机语 阅读全文

摘要： 这次使用空间转换来完成立体图形，需要用到定位，旋转，位移。 首先需要六个高宽200px的平面，每个颜色不一样。可以清除的看到六个平面是一种平铺的状态 给父元素设置相对定位，子元素设置绝对定位，这样六个平面压在一起。 这里div1,2,3,4是上下左右四个面，div1,2绕X轴旋转90度，并在Z轴分别 阅读全文

摘要： 前一个内容是平面转化，这次是空间转换，唯一不同的就是平面转换是以X和Y轴，空间转换就是加了一个Z轴，使得更立体。 老规矩！位移、旋转、缩放！ 位移（transform：translateZ（）） 由于在空间中物体在Z轴上进行位移时，我们肉眼在电脑中是看不出来的，因为屏幕是平面的。这里有个连写的方式（ 阅读全文

摘要： 元素透明（opacity） 元素透明会让元素整体透明，包括里面的内容，文字或者子元素等。 属性名：opacity 属性值：0~1（透明到不透明） 表格边框合并（border-collapse） ！这里有个问题就是我使用CSS里面的border添加边框的时候，因为border属性是不能继承的，所以需要 阅读全文

摘要： 垂直居中对齐问题（vertical-align） 我们在实际使用的时候，会遇到一些问题，比如两个元素在居中时总是对不齐，这是因为在元素里面，每个元素都有自己的基线。 什么叫做基线，通常是他们居中的线，而元素之间基线不同就会导致我们在居中对齐的时候失败，样子就会很丑。 通常这个问题，我们只要设置一下即 阅读全文

摘要： 在网页中，也有一些需要移动的东西，这时我们可以使用CSS中的平面转换的相关内容。 平面转换言简意赅就是在一个平面上对一个东西进行转换，既然是平面，那么我们猜一下在平面上能干嘛呢？ 第一：上下移动 上下移动就是比较简单，属性名+属性值 属性名：transform 属性值：translate（*），向右 阅读全文

摘要： 不同布局方式的层级关系：普通<浮动<定位 定位布局后的层级关系：相对定位、绝对定位、固定定位等级相同，谁最后写谁显示在最上面，但可以通过z-inden属性进更改，属性值：0-10，越大显示等级越大。 在CSS中定位是压在标签上面的！所以才会有层级关系，注意区分标签的嵌套关系！ 阅读全文

摘要： 咱就是说！牛逼啊这个定位，再也不能担心垂直居中的问题了。 绝对定位：position：absolute 偏移量（水平居中）：left：50%；margin-left：-（自己宽度的一半） 偏移量（垂直居中）：top：50%；margin-top：-（自己高度的一半） 但有的时候，像素大小不是合理，这 阅读全文