这篇将介绍如何设置每个位置 DIV 的宽度和布局排版，并且也会展示如何让主题显示正确，并同时在 Firefox 和 IE 下兼容，显示一致。
2024年10月20日
这篇将介绍如何设置每个位置 DIV 的宽度和布局排版，并且也会展示如何让主题显示正确，并同时在 Firefox 和 IE 下兼容，显示一致。
2024年10月20日
在网页的实际开发中，有时候需要给div标签元素添加一个滚动条（比如水平的或者垂直的滚动条），我们该怎么写css代码呢？
给div设置滚动条需要分成两步走：
1、设置div的高度以及宽度
如果不设置高度和宽度的话，内容多也不会出现滚动条，因为没有边界能让浏览器判断内容长度是否需要出现滚动条。
2024年10月20日
前端开发中，经常需要调试代码，所以各种调试工具及浏览器控制台的使用会对开发起到很大的作用。下面对目前很受喜欢的Chrome开发者工具进行介绍。Chrome开发者工具是一套内嵌到Chrome浏览器的Web开发工具和调试工具，只要安装了Chrome 浏览器，就可以使用。
在Chrome浏览器中,开发者工具的打开方式主要有以下几种。
·按“F12”键。
2024年10月20日
水平居中：给div设置一个宽度，然后添加margin:0 auto；属性。
div{
width:200px;
margin:0 auto;
}
绝对定位的div居中：
div {
position: absolute;
width: 300px;
height: 300px;
margin: auto;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-color: pink; /* 方便看效果 */
}
2024年10月20日
之前在 《p5.js 光速入门》 里粗略讲过一下如何使用 p5.js 创建画布。
这次要介绍几个 p5.js 提供的画布相关的方法。
学习本文前你需要具备一点 p5.js 的知识，想了解的请查看 《p5.js 光速入门》。
2024年10月20日
在前端面试中，CSS相关的问题一般不会问的太多，但是有一个问题经常被选为面试题。那就是：div 水平垂直居中你有哪些办法？
这道题可以考察候选人对CSS布局方式的理解，而且非常贴近日常工作，比较适合作为面试题。今天我就帮大家梳理一下CSS实现div水平垂直居中的方法，建议收藏。
为了演示，首先创建两个嵌套的 div，然后设置一下大小和背景颜色这样比较容易看出效果。代码如下：
2024年10月20日
原理:根据CSS3 transform 属性，按比例缩放（scale(x,y)；$(window).width()是获取当前设备窗口的宽度.
js代码：