HTML和CSS
关注
分享
扫一扫
zteenmozart
这个作者很懒，什么都没留下…
展开
-
CSS中的display属性的详解与实例应用，以及解决行内元素存在间隙的bug问题
##MaHua是什么?一个在线编辑markdown文档的编辑器向Mac下优秀的markdown编辑器mou致敬##MaHua有哪些功能？* 方便的`导入导出`功能 * 直接把一个markdown的文本文件拖放到当前这个页面就可以了 * 导出为一个html格式的文件，样式一点也不会丢失* 编辑和预览`同步滚动`，所见即所得（右上角设置）...原创 2018-06-03 16:47:45 · 986 阅读 · 0 评论 -
CSS的闲言碎语
1 设置overflow浮动后会把元素设置为inline-block2 overflow是脱离文档流的，因此会影响到后边的盒子，后边的盒子会跑到浮动盒子的下面去，要想解决，需要加一个父盒子，并且给它一个高度3 关于css的权重，计算权重就是直接加法运算，如下图：4 关于背景图片的CSS样式：background: transparent url(image.jpg) re...原创 2018-06-03 22:26:23 · 216 阅读 · 0 评论 -
CSS微信滑动门，奇技淫巧
微信滑动门---有点意思哦可以看到微信官网的导航，每一个标题的背景是一张图片，有意思的是，虽然这些文字的字数并不一样，按照传统思维，这就意味着要截8张长度不同的图片，然鹅。。。。微信并不是这样做的，他们只用了一张图片，如下所示：没错就是这么长的一张图片，很巧妙的！他的做法是：用一个a标签包括一个span标签，将a标签的背景图片设置为左对齐，对a中的span标签的背景图片设置为右对齐我写了一遍，直接...原创 2018-06-05 17:23:30 · 1157 阅读 · 0 评论 -
高仿土豆网视频悬浮效果
写了一个简单的仿土豆的视频悬浮效果，没事写点这样的例子，对自己也是一种提高上代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style&a原创 2018-06-05 18:01:41 · 258 阅读 · 0 评论 -
CSS之margin精髓讲解，深入骨髓！！！
深入理解css中的margin属性 之前我一直认为margin属性是一个非常简单的属性，但是最近做项目时遇到了一些问题，才发现margin属性还是有一些“坑”的，下面我会介绍margin的基本知识以及那些“坑”。这篇博文主要分为以下几个部分： 第一部分：margin–基础知识 要介绍margin的基础知识，我们不可回避地要谈到css盒子模型（Box Model），一般而言，css盒子模型是...原创 2018-05-30 10:44:00 · 550 阅读 · 0 评论 -
CSS网页布局---左侧栏固定，右侧栏自适应的骨灰级讲解
左侧栏固定右侧栏自适应的布局在开发过程中真的可谓是屡见不鲜，今天我们就来聊聊这个司空见惯的布局方式。。。啦啦啦。。。首先把html的基本骨架写出来,代码如下：<div class="container"> <div class="left"></div> <div class="right"></div>原创 2018-05-31 21:58:44 · 1511 阅读 · 0 评论 -
\r,\n与\r\n有什么区别?
一.知其然\n是换行，英文是New line\r是回车，英文是Carriage return二.知其所以然 机械打字机有回车和换行两个键作用分别是:换行就是把滚筒卷一格，不改变水平位置。 回车就是把水平位置复位，不卷动滚筒。Enter = 回车+换行(\r\n) 注:\r\n连用时,不能调换顺序 ...原创 2018-09-17 15:23:26 · 770 阅读 · 0 评论