自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(6)
  • 收藏
  • 关注

原创 margin塌陷(重叠)的思考

一、什么是margin塌陷(重叠)兄弟节点之间例子1:<!DOCTYPE html><html lang="en"><head> <style> .box1{ width: 100px; height: 100px; background-color: #ccc; margin-bottom: 30px;/*下边距*/

2022-02-20 21:31:26 1118 1

原创 DOCTYPE的种类

背景知识IE5.5发明了文档模式的概念,使用doctype切换文档模式,目的是让IE像IE5一样可以兼容不同CSS渲染的标准,在后来,很多浏览器也实现了文档模式这个概念根据发展出现了以下三种类型:混杂模式(quirks mode)标准模式(standards mode)准标准模式(almost standards mode)一、混杂模式(quirks mode)很少会使用,因为在这个模式下,不同浏览器的实现不一样,CSS渲染的结果会出现很多不一致的地方省略<!DOCTYPE>

2022-02-20 15:50:47 857

转载 a标签的空白间隙问题

今天在看到这个问题,感觉挺有意思,记录一下。问题的根源在于使用a标签这样的inline 或者inline-block的元素时,我们在编辑docment的时候为了代码的阅读性会使用到换行符,浏览器解析的时候会认为是很多个空格,因此解析成一个空格,因此a标签之间就会有一个空白的区域。下面是解决办法:谢谢whhlu的回答display:inline-block的元素之间会有一个字符的间隙,这个间隙导致了最后一个会掉下来。解决方法:1、给父元素设置font-size:0px;2、取消掉换行符,如这样

2022-02-20 10:21:30 1109

原创 CSS绝对定位(absolute)同时设定left right,或者top bottom

<!DOCTYPE html><html><head> <title>document</title> <style> .container{ width:100px; height:100px; position:relative; } .inner-box{ background:#000;

2022-02-18 16:28:51 1113

原创 原生JS节流器实现和requestAnimationFrame()节流器实现

前言计时器setTimeout()和定时器setInterval()长期以来是JavaScript动画最先进的工具,但是这两者都是在同步代码执行之后,经过给定的延迟后,把任务加入到宏任务队列中, 对于其执行重绘时序,却没有相应的方法,因此Firefox4为其浏览器添加了一个叫requestAnimationFrame()的方法,目前基本得到各大浏览器的支持。节流器的基本思想是在使得进入任务队列的方法执行完毕之后(或者一定时间后)才允许继续向任务队列加入相同的任务使用setTimeout() va

2022-02-12 23:04:38 502

原创 C语言程序考试注意点

C语言程序考试注意点1、一个程序只能有一个main函数 对;2、程序都是从main函数开始和在main函数结束的 对;3、C语言是一种高级语言 对;C语言是一种结构化语言 对;面向过程 对 ;面向机器 对 ;面向对象 错错错错错!//面向机器指能做一些位的操作,就是有机器语言的一些特点;//面向过程指解决问题的一个个步骤;//面向对象指有class之类的集合了很多功能,解决问题...

2020-02-01 15:51:34 1285 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除