成都独立站

ol/ul列表默认存在左侧外边距padding-left值，而不是默认左对齐！_CSS学习

新闻来源：网络整理    2023-3-4    共有: 3613 浏览

ol ul列表大家都知道的，也是最常用的一种标签了，各种列表中几乎必备！在使用时候也都会发觉ol ul列表距离左侧是有距离的，存在默认的padding-left值！下面就具体说下这个ol/ul列表默认左侧距padding-left：1、ol/ul内置...

padding:50% padding百分比 实现正方形_CSS学习

新闻来源：网络整理    2023-3-4    共有: 3627 浏览

还是分享张鑫旭大神的padding进阶学习，padding：50%的作用！如下图：此时container非inline行内元素时padding:50%表现：截图来自慕课网大婶授课学习，padding:50%时候正方形的表现！注：此时container不能直接使用文字图片...

inline+padding技巧：间隔符(分割线)与文字高度不一致，间隔竖线高度缩短方法_CSS学习

新闻来源：网络整理    2023-3-4    共有: 3632 浏览

如图所示，在前端经常需要用到各种间隔符号，用CSS实现应该是最佳办法，当然如果你用图片、用符号都可以实现，但应用起来不如CSS来的那么顺，那么爽！今天就用CSS来制作这个间隔符，并且让间隔符号垂直居中，并且高度低于前后文字，这样显得干练！<style>...

padding和box-sizing:border-box; 外边框变为内边框_CSS学习

新闻来源：网络整理    2023-3-4    共有: 3636 浏览

今天着重说明下padding和box-sizing:border-box;的作用，今天听慕课网，学习了前端大神张鑫旭讲解的padding，其中介绍了pading和box-sizing:border-box的作用！注意兼容性：box-sizing:borde...

zblogPHP模板中常见的分享代码(依赖jquery)(分享到微信、qq、微博、qq空间、豆瓣等等功能)_前端技术

新闻来源：网络整理    2023-3-4    共有: 3606 浏览

share.js自定义分享到第三方SNS平台.zip【下载地址】作为zblogPHP开发者，最近发现不少开发者都上线了这种第三方分享插件，虽然插件都卖的不贵，但为了减少插件的使用，我还是把这个插件源代码全部公布出来吧，要先说明，这个代码包也是网路...

CSS 图片水平垂直全部居中（图片尺寸小于块级父元素）_CSS学习

新闻来源：网络整理    2023-3-4    共有: 3613 浏览

相关如上图：《【图片居中】图片在固定框架内 上下左右水平全部居中》【推荐】下方是今今天要分享的图片水平垂直居中方式：注意：本文分享的是限定图片大小的，也就是图片的宽高都在父元素尺寸之内！<style>  *{padding: 0;}...

padding和margin负值实现 - 等高布局，侧边栏等高布局方法_CSS学习

新闻来源：网络整理    2023-3-4    共有: 3624 浏览

等高布局相关《position实现等高布局》 实现的方法主要是基于position:absolute;top:0；bottom:0来实现等高布局！而本文要使用的方法主要是padding和margin配合等高布局，让多栏目等高！如上图，两侧等高布局，就是使用pa...

纯CSS图形 - padding圆形/同心圆_CSS学习

新闻来源：网络整理    2023-3-4    共有: 3641 浏览

之前讲述过几个使用纯CSS制作的图形，比如三角形《border绘制三角形（各种角度）》三横线《三横线(三道杠)padding制作出来》、《border-style:double制作三横线》今天来分享下上图所示的使用CSS绘制同心圆，主要使用padding属性！代码如下：...

纯CSS图形：三横线(三道杠)padding制作出来_CSS学习

新闻来源：网络整理    2023-3-4    共有: 3601 浏览

其实之前已经分享过一篇，用纯CSS方式实现三横线（三道杠）的方法：CSS小技巧:border-style:double制作三横线具体代码：{width:120px; height:20px;border-top:60px double;border-...

jquery如何判断滚动条滚到页面底部并执行事件_js/jQuery

新闻来源：网络整理    2023-3-4    共有: 3600 浏览

jquery如何判断滚动条滚到页面底部并执行事件scrollBottomTest=function(){ $(&quot...

clientHeight、scrollHeight、offsetHeight和scrollTop之间区别_js/jQuery

新闻来源：网络整理    2023-3-4    共有: 3613 浏览

网页可见区域高：document.body.clientHeight网页正文全文高：document.body.scrollHeight网页可见区域高（包括边线的高）：document.body.offsetHeight网页被卷去的高：document.body.scr...

jQuery的：$（窗口）的scrollTop（），但没有$（窗口）scrollBottom（）_js/jQuery

新闻来源：网络整理    2023-3-4    共有: 3594 浏览

我想每当滚动页面以放置一个页面的底部。这就像“固定位置”但我不能&#39;“的位置是：固定的”CSS为我的许多客户端&#39;的浏览器无法支持。我发现jQuery的可以得到当前视口的顶部位置，但我怎么能得到滚动视口的底部？所以我问怎么知道：$（窗口）scrollBo...

scrollTop、offsetHeight和offsetTop等属性用法详解_js/jQuery

新闻来源：网络整理    2023-3-4    共有: 3631 浏览

scrollTop、offsetHeight和offsetTop等属性用法详解:标题中的几个相关相关属性在网页中有这大量的应用，尤其是在运动框架中，但是由于有些属性相互之间的概念比较混杂或者浏览器兼容性问题，导致掌握起来比较有难度，下面就介绍一下相关属性的用法。先来看一...

即插即用 javascript实现滚动下拉一定高度后显示返回顶部，默认不显示_js/jQuery

新闻来源：网络整理    2023-3-4    共有: 3638 浏览

个人还是挺喜欢这种即插即用的代码，特别是关于返回顶部的！之前就有介绍过几篇都是关于返回顶部的特效代码，都比今天要分享的更为全面，拿来即用，所以如果不是研究返回代码的话，可以参考以下几篇文章：1、jQuery：即插即用返回顶部（基础代码）2、案例：jQuery返回顶部...

[前端新手必看]HTML、CSS常用单词汇总_CSS学习

新闻来源：网络整理    2023-3-4    共有: 3632 浏览

Aabsolute绝对的active活动的，激活的，标记的一个伪类align对齐alpha透明度，半透明anchor锚记标记是这个单词的缩写arrow箭头auto自动Bbackground背景border边框banner页面上的一个横条both二者...

jquery 实现导航栏置顶跟随窗口滚动_js/jQuery

新闻来源：网络整理    2023-3-4    共有: 3625 浏览

jquery是实现导航跟随滚动最好的方法，之前已经连续分享了几篇：1、jQuery-多个菜单导航滚动跟随，全部积累固定在顶端2、jQuery智能判断跟随页面滚动的导航、菜单、广告，下拉后跟随置顶特效代码3、jQuery导航菜单、广告——固定、置顶、跟随今天再...

Jquery制作左侧浮动层滚动时跟随页面滚动_js/jQuery

新闻来源：网络整理    2023-3-4    共有: 3609 浏览

Jquery制作左侧浮动层跟随页面滚动。1、jQuery导航菜单、广告——固定、置顶、跟随2、jQuery智能判断跟随页面滚动的导航、菜单、广告，下拉后跟随置顶特效代码3、jQuery-多个菜单导航滚动跟随，全部积累固定在顶端4、jquery实现导航栏置顶...

即插即用javascript 导航/广告 窗口滚动跟随的效果_js/jQuery

新闻来源：网络整理    2023-3-4    共有: 3634 浏览

之前文章中介绍过4种方法实现导航窗口跟随置顶效果：1、jQuery导航菜单、广告——固定、置顶、跟随2、jQuery智能判断跟随页面滚动的导航、菜单、广告，下拉后跟随置顶特效代码3、jQuery-多个菜单导航滚动跟随，全部积累固定在顶端4、jquery实现...

jQuery $(document).height()与$(window).height() - 判断div随滚动条滚动到一定位置后停止_js/jQuery

新闻来源：网络整理    2023-3-4    共有: 3614 浏览

jQuery(window).height()代表了当前可见区域的大小，而jQuery(document).height()则代表了整个文档的高度，可视具体情况使用.注意当浏览器窗口大小改变时(如最大化或拉大窗口后)jQuery(w...

鼠标移上去，图片会自动原地放大CSS写法_CSS学习

新闻来源：网络整理    2023-3-4    共有: 3609 浏览

今天在制作一个zblog模板的时候，用上了这个图片放大特效，想到以前也没写过，就分享出来吧！在我第一次接触这个特效的时候，以为会很复杂，至少会有几行代码才能去实现，但学习后真的精到了！CSS3的transform:scale()可以实现按比例放大或者缩小功能。CSS3的...