Cyber的博客

摘要： 弹性盒子：Flex Box 弹性盒子，就是将元素放在盒子中，自行选择里面元素的位置和间距边距 1.flex-direction:属性指定了弹性子元素在父容器中的位置 row：横向从左到右排列（左对齐），默认的排列方式 row-reverse：反转横向排列（右对齐，从后往前排，最后一项排在最前面 co 阅读全文

摘要： 转换：transform 1.transform: translate(50px,100px);，偏移位置，将元素偏移到x轴50px，y轴100px的位置，元素在页面位置不动 2.transform: rotate(30deg);旋转，将元素旋转30度，如果是负数就逆时针旋转，元素在页面位置不动 3 阅读全文

摘要： Display： 1.Inline 显示在一行，会默认大小为内容大小 2.block 显示为一块，可以设置大小，占一行 3.inline-block 显示在一行，但是大小可以设置 4.none 将整个标签都隐藏起来，放置在另一个层面中 相比于display：none来说，visibility：hid 阅读全文

摘要： 每个标签都是一个盒子模型 其中，border设置的话，是设置在盒子之外的，会溢出。可以添加box-sizing：border-box 每个属性都是： 当有4个属性时分别为：上 右 下 左 当有三个属性时：上 左右 下 当有两个属性时：上下 左右 我们通常会添加 内容会居中，*代表所有内容 阅读全文

摘要： 内嵌样式： 也叫行内样式，直接写在标签中，优先级最高，但是会占内存所以不推荐使用 内联样式： 页面只有少量样式时可以用一下，也很占内存。通常写在head标签中，以标签形式表现 外部引用样式： 最常用方式，同样写在head中，rel="stylesheet"必须写，href是引用的路径 阅读全文

摘要： 可以在百度搜索icon 在线转换制作或转换成ico格式。 阅读全文

摘要： form表单我们常用于注册、登陆页面中，有很多常用控件如代码所示。值得注意的是，form标签中，action要跳转的页面要正确否则无法传成功；method中post方法更安全，默认情况下是get，数据容易被窃取；表单中有上传的文件的话，一定要加enctype="multipart/form-data 阅读全文

摘要： 这是无序列表，type类型控制内容前方的小图标 这是有序列表，同样type控制内容前方图标，不过这个是数字英文，而且可以倒数。同时，有序列表也可以使用无序列表的图标 如果都不合心意，可以用图片代替内容前面的图标 阅读全文

摘要： 一般来说，我们学习时打代码都是一小段内容，所以就没有太注意格式问题。 如果项目多了或者代码多了的话，想要做一下调试是非常吃力的事情，所以我们要把格式形成习惯，打代码也要打出漂亮的工整的排版出来。 跟图上一样，这只是我们很常用到的表单和表格，每次打好后回车，然后按一下tab键，再打下一段代码，这样看起 阅读全文

摘要： 一般我们想要在代码中实现跳转效果的话会想到使用<a></a>标签， 如： 这是跳转到百度的使用效果，只要在页面点击百度就可以实现。 对于初学者或者没有实际项目的人来说， href=""引号里写 # 号就够了,也可以实现跳转，只是没有实际的跳转页面，<a>标签中的内容也会变成蓝色加下划线。 还有一种情 阅读全文