第14页
  • Javascript与jQuery的区别与使用

    Javascript与jQuery的区别与使用

    >>>>>>>>Javascript 库<<<<<<<<<<<<<<<<<<<1、要说 Javascript 库大家喜欢哪一个,可能大家都有各自喜欢的类库, 但是要说哪一个 Javascript 库流行最广,影响最大,可能还得属 jQuery。2、而且 jQuery 也由于...

    js/jQuery 4个月前 166 0 jQuery
  • CSS margin:auto做垂直居中方法

    CSS margin:auto做垂直居中方法

    写过前端的都知道,margin:auto很容易就可以做成水平居中,但要做到垂直居中却不行,这是什么道理,难道margin:auto真的做不到垂直居中吗? 错!!!下面讲解下margin:auto如何做到垂直居中的:方法一:使用writing-mode:vertical-lr + margin:auto垂直居中 虽然垂直居中,但水平居中失败!!!<style>  .father{height: ...

    CSS学习 4个月前 174 0 垂直居中margin
  • CSS 使用margin:0 auto让图片居中方法 display:block+margin:0 auto让图片居中

    CSS 使用margin:0 auto让图片居中方法 display:block+margin:0 auto让图片居中

    应该都知道让一个div元素进行居中,最快的办法就是使用margin:0 auto(前提是div存在定宽值),然后只针对一个图片如何居中呢?为什么对图片直接使用margin:0 auto居中会失败呢?比如: img{width:200px; margin:0 auto;}此时图片不会居中!原因:因为此时图片是inline行内水平元素,就算没有width,其也不会占据整个容器,而maigin...

  • margin:auto学习 - 使用教程

    margin:auto学习 - 使用教程

     本文主要学习一些margin:auto1、元素有时候,就算没有设置width或height,也会自动填充,比如:div{background:#fafafa}会默认margin:auto自动填div满容器2、元素有时候,就算没有设置width或height,也会自动填充对应方式,比如:div{display:absolute;left:0;right:0;background:#fafafa}div的宽度自动填充容器.3、此...

    CSS学习 4个月前 160 0 margin
  • zblogPHP模板 资讯CMS(ydlinux) 更新了

    zblogPHP模板 资讯CMS(ydlinux) 更新了

    这个主题主要仿自砍柴网的老版本,现在的新版本已经不再是这个样式,但这个模板的风格和布局着实好看,也有不少站长喜欢,所以就直接仿下来了,模板已正常销售几个月也卖出去不少份儿,在未来的一段时间,这个zblog模板会保持更新,把所有细节该优化的优化,该修复的修复,让整个模板无懈可击!演示站:http://theme.b5b6.com/ydlinux/可以直接联系购买!本次更新,主要是优化返回顶部的按钮,以及增加二维码弹出功能,这也是目前比较流...

    zblog模板更新 4个月前 172 0 CMS
  • margin重叠 - 详细讲解重叠使用情境、方法、重叠条件、规则、案例!

    margin重叠 - 详细讲解重叠使用情境、方法、重叠条件、规则、案例!

     margin重叠通常特性:1、black水平元素(不包括float和absolute元素)2、不考虑writing-mode,只发生在垂直方向(margin-top/margin-bottom)margin重叠三种情境:1、相邻的兄弟元素2、父级和第一个/最后一个子元素3、空的black元素具体:1、相邻兄弟元素margin重叠2、父级和第一个/最后一个子元素重叠(父子共用,父子重叠)父子margin重叠其它必备条件:mar...

    CSS学习 4个月前 251 0 margin重叠
  • CSS:margin 一侧定宽自适应布局,取消文字环绕图片的方法

    CSS:margin 一侧定宽自适应布局,取消文字环绕图片的方法

     上一篇文章讲解过一个《padding实现两栏自适应》,今天还是用这个类似的案例,讲解下,在maigin技巧,一侧定宽的自适应布局,避免文字环绕图片的方法!注意:本文分享的方法,是基于margin可以改变无固定width和height的普通black水平元素宽度!首先,看正常环绕的最简单代码:<style>  .box{width: 250px; border: 1px&n...

    CSS学习 4个月前 185 0 margin环绕
  • CSS:padding实现两栏自适应 - 图片与文字左右排列,文字自适应不限宽度

    CSS:padding实现两栏自适应 - 图片与文字左右排列,文字自适应不限宽度

    使用padding来布局,上一篇文章讲解了padding来实现两栏等高布局,本文重点讲解下两栏自适应宽度,在图片和文字组合一起的时候,让文字区域宽度自适应。注意:这里的图片宽度是固定的,而不能随意宽度!要实现图片固定,文字不限制宽度的自适应,那么有两种使用padding的方法。一、padding在容器上:原理如下:容器有个固定的padding-left值,此时图文应该在120px处显示,但是,由于图片margin负值浮动(或者绝对定位)...

    CSS学习 4个月前 229 0 padding自适应
  • padding和margin负值实现 - 等高布局,侧边栏等高布局方法

    padding和margin负值实现 - 等高布局,侧边栏等高布局方法

    等高布局相关《position实现等高布局》 实现的方法主要是基于position:absolute;top:0;bottom:0来实现等高布局!而本文要使用的方法主要是padding和margin配合等高布局,让多栏目等高!如上图,两侧等高布局,就是使用padding配合margin实现的!<style>  .box{overflow: hidden;resize: vertica...

  • 纯CSS图形 - padding圆形/同心圆

    纯CSS图形 - padding圆形/同心圆

    之前讲述过几个使用纯CSS制作的图形,比如三角形《border绘制三角形(各种角度)》三横线《三横线(三道杠)padding制作出来》、《border-style:double制作三横线》今天来分享下上图所示的使用CSS绘制同心圆,主要使用padding属性!代码如下:<style>  .box{     width: 100px; height:&n...