![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
enjoy_Day
这个作者很懒,什么都没留下…
展开
-
一直无缝滚动的轮播图模板
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> * { margin: 0; padding: 0; } .lunbo { /* 注意这.原创 2021-07-15 14:06:54 · 197 阅读 · 0 评论 -
块状元素、内联元素、和内联块状元素的概念与区别
块状元素block:该元素前后会有换行符,可以设置margin和padding 内联元素inline:元素前后没有换行符,和其他元素在一行上,水平方向可以设置margin和padding,竖直方向不可以 而内联元素inline-block:既有块状元素的性质又有内联元素的性质,即:1、和其他元素都在一行上;2、元素的高度、宽度、行高以及顶和底边距都可设置。 下表引用返璞归真的博客原创 2016-11-01 23:22:23 · 593 阅读 · 2 评论 -
普通盒子模型
盒子模型是css中一个重要的概念,理解了盒子模型才能更好的排版。其实盒子模型有两种,分别是 ie 盒子模型和标准 w3c 盒子模型。他们对盒子模型的解释各不相同,先来看看我们熟知的标准盒子模型: 从上图可以看到标准 w3c 盒子模型的范围包括 margin、border、padding、content,并且 content 部分不包含其他部分。 ie 盒子模型转载 2016-11-02 20:06:19 · 504 阅读 · 0 评论 -
弹性盒布局和网格单元格布局
前文记载我的普通盒子模型,这篇我要记下刚学习的另外两个布局方法,感觉很强大!!!, 第一个是弹性盒模型:前端开发博客 (http://caibaojian.com/flexbox-guide.html),适用于小规模布局。 第二个是网格布局:CSS Grid布局:网格单元格布局,使用与大规模布局。 上面是两个新的布局方式,需要最新版的浏览器支持,不过就我看一下网页的源代码,好原创 2016-11-02 20:58:26 · 690 阅读 · 0 评论 -
父容器div内的子元素div为float时,父元素无法撑开(或高度自适应)的解决方式以及css中position和float的介绍
先简单给出父元素无法高度自适应时的解决方案: 第一种:在父容器上设置 overflow:auto 或者hidden可以让它自动包含子元素,从而具有了实际的height值。 第二种:在子元素的最下面加上一个 空元素,并且设置clear:both,但是会增加没意义的元素,一般会在最下面加 一个空元素,然后再加上clear:both。 第三种:结合clear属性,使用c原创 2016-11-03 20:03:12 · 2722 阅读 · 0 评论 -
JavaScript 中 typeof 和 instanceof 的区别及如何判断数组
JavaScript 中 typeof 和 instanceof 的区别及如何判断数组原创 2016-11-04 22:36:31 · 1087 阅读 · 0 评论