专业网站建设品牌，18年专业建站经验，服务6000+客户--广州松河
免费热线：400-963-0016      微信咨询  |  联系我们

网页设计29页

相关前20条内容：

案例：jQuery文本段落展开和折叠效果/点击查看更多、点击隐藏_js/jQuery
新闻来源：网络整理    2023-3-4    共有: 3644 浏览
 上篇文章分享了两个即插即用的点击查看更多代码《即插即用：JS 点击“显示全部”、点击隐藏/折叠部分区域文字 - 特效代码》今天分享个更好用的，需要jquery支持：重点：文字高度不足指定数字，不显示查看更多！<!DOCTYPE html>...
即插即用：JS 点击“显示全部”、点击隐藏/折叠部分区域文字 - 特效代码_js/jQuery
新闻来源：网络整理    2023-3-4    共有: 3614 浏览
今天修改一个zblog模板的时候，用到了默认隐藏部分区域文字，点击会显示全部，不需要使用jQuery支持，即插即用的一段代码！图1特效代码：&lt;!DOCTYPEhtmlPUBLIC&quot;-//W3C//DTDXH...
position:absolute(表示绝对定位)_CSS学习
新闻来源：网络整理    2023-3-4    共有: 3645 浏览
如果想为元素设置层模型中的绝对定位，需要设置position:absolute(表示绝对定位)，这条语句的作用将元素从文档流中拖出来，然后使用left、right、top、bottom属性相对于其最接近的一个具有定位属性的父包含块进行绝对定位。如果不存在这样的包含块，则...
细说padding与margin：盒模型--宽度和高度_CSS学习
新闻来源：网络整理    2023-3-4    共有: 3621 浏览
细说padding与margin盒模型宽度和高度和我们平常所说的物体的宽度和高度理解是不一样的，css内定义的宽（width）和高（height），指的是填充以里的内容范围。因此一个元素实际宽度（盒子的宽度）=左边界+左边框+左填充+内容宽度+右填充+右边框+右边界。元...
CSS HTML布局中标签元素分类_CSS学习
新闻来源：网络整理    2023-3-4    共有: 3662 浏览
在学习和制作各种页面的前端同学，在初学HTML的时候可能会有点懵，首先各种元素都有点无法分清楚用途，下面借助最近的学习，分享下：在讲解CSS布局之前，我们需要提前知道一些知识，在CSS中，html中的标签元素大体被分为三种不同的类型：块状元素、内联元素(又叫行内元素)和...
文字间隔距离：letter-spacing与word-spacing之间的区别！_CSS学习
新闻来源：网络整理    2023-3-4    共有: 3683 浏览
letter-spacing与word-spacing都是文字间隔距离的属性，但更多人记住的应该是word-spacing，因为在学习各种CSS的时候参考英文资料比较多，word-spacing确实能对文字进行间距设置，但目前主要对英文起作用，如果是汉字就不能继续使用w...
text-indent属性：段落第一行缩进_CSS学习
新闻来源：网络整理    2023-3-4    共有: 3643 浏览
在很多zblogPHP模板制作中，经常会需要进行锻炼中的第一行文字进行缩进，比如缩进两个文字的空间，或者更多。今天就来讲解下段落首行缩进的方法：text-indenttext-indent属性规定文本块中首行文本的缩进。注释：允许使用负值。如果使用负值，那么首行会被缩...
垂直居中-父元素高度确定的多行文本两个方法table+vertical-align:middle以及display:table-cell+vertical-align:middle_CSS学习
新闻来源：网络整理    2023-3-4    共有: 3657 浏览
父元素高度确定的多行文本、图片等的竖直居中的方法有两种：方法一：使用插入 table  (包括tbody、tr、td)标签，同时设置 vertical-align：middle。css 中有一个用于竖直居中的属性&nbs...
CSS： 父元素高度确定的单行文本垂直居中使用height+line-height_CSS学习
新闻来源：网络整理    2023-3-4    共有: 3667 浏览
各种居中问题，比如左右居中，垂直居中等，都是前端中比较常用，且容易混淆的问题，所以学习CSS时，必须把各种居中拿下，比如今天要介绍的单行文字居中问题！如上图：就是hi,imooc!进行了父元素（灰色背景）内进行了垂直居中，且是单行文字的垂直居中，常用于文章标题居中，本人...
jQuery导航特效 - 鼠标滑过/滑动遮罩背景图片跟随_js/jQuery
新闻来源：网络整理    2023-3-4    共有: 3636 浏览
这种遮罩效果的菜单滑动，背景图片可以动态滑动特效代码：&lt;!DOCTYPEhtmlPUBLIC&quot;-//W3C//DTDXHTML1.0Transitional//EN&qu...
jQuery高亮楼层导航插件One-Page-Nav - 横向、纵向高亮楼层导航特效_js/jQuery
新闻来源：网络整理    2023-3-4    共有: 3666 浏览
今天分享的这个导航插件，常用在各种电商网站模板上，用来提高查找信息的用户体验，特别是分类特别多的时候，用固定导航不能把所有分类行业全部一次性展示出来，这时候就需要用到今天分享的楼层导航了！电商网站的分类比较明确，比如1楼是手机通讯产品，2楼是家用电器，3楼是服装鞋包等等...
jQuery 智能判断跟随页面滚动的导航、菜单、广告，下拉后跟随置顶特效代码_js/jQuery
新闻来源：网络整理    2023-3-4    共有: 3636 浏览
之前已分享过一篇依赖jQuery的插件《jQuery导航菜单、广告——固定、置顶、跟随》，今天再来分享一个jQuery智能判断跟随页面滚动的导航菜单的特效代码！优势：不需要再定义置顶跟随后的位置，会智能判断！代码分享：&lt;!doctypehtml...
float:left与position:relative，left:50%+left:-50%组合居中方法_CSS学习
新闻来源：网络整理    2023-3-4    共有: 3661 浏览
其它居中方法：1、text-align:center与display:inline组合块居中，多个行内元素/块状元素居中方法2、text-align:center与margin:0auto居中区别3、CSS：左右横向居中—position:relative;left:...
text-align:center与display:inline组合块居中，多个行内元素/块状元素居中方法_CSS学习
新闻来源：网络整理    2023-3-4    共有: 3641 浏览
：改变块级元素的display为inline类型（设置为行内元素显示），然后使用text-align:center来实现居中效果。如下例子：html代码：&lt;body&gt;&lt;di...
text-align:center与margin:0 auto居中区别_CSS学习
新闻来源：网络整理    2023-3-4    共有: 3638 浏览
这两种方式都可以在一定条件下实现居中效果，那么如何进行区分呢？1、先说text-align:center使行内元素居中条件：text-align:center，水平居中是通过给父元素设置text-align:center来实现行内元素居中，比如行...
CSS 长度值 px（像素）、em、% 百分比_CSS学习
新闻来源：网络整理    2023-3-4    共有: 3657 浏览
很早之前就对pxem%百分比有很大的疑惑，在具体写的时候也只喜欢用px，因为em和百分比都需要使用相对尺寸，总体来说还是需要px作为基础，所以现在越来越多的人喜欢用上px作为主要长度值！长度单位总结一下，目前比较常用到px（像素）、em、%百分比，要注意...
CSS font字体缩写_CSS学习
新闻来源：网络整理    2023-3-4    共有: 3652 浏览
网页中的字体css样式代码也有他自己的缩写方式，下面是给网页设置字体的代码：body{ font-style:italic; font-variant:small-cap...
两个input之间或者input与button之间有空隙/间距（不能紧贴一起）解决方法！_CSS学习
新闻来源：网络整理    2023-3-4    共有: 3647 浏览
如上图所示，代码如下：&lt;formname=&quot;search&quot;method=&quot;post&quot;action=&quot;#&quot;&gt; &n...
CSS：图片列表 鼠标触发显示图片标题_CSS学习
新闻来源：网络整理    2023-3-4    共有: 3647 浏览
还是zblog主题ydcms，写到了图片列表，触发动态显示图片标题，同时position定义演示站链接位置。&lt;divclass=&quot;relates&quot;&gt; &...
zblogPHP模板文章编辑内容区H标签CSS_CSS学习
新闻来源：网络整理    2023-3-4    共有: 3648 浏览
zblog模板制作的时候，文章内容区各种H标签是必须单独书写属性的，比如最重要的H2、H3、H4、H5，甚至H1最好也要写上，不少主题用户偶尔可能会在文章中使用H1。今天就来分享下上图所示的H标签CSS：&lt;divclass=&quot;ar...

Copyright © 广州松河信息科技有限公司 2005-2026 版权所有    粤ICP备16019765号 

广州松河信息科技有限公司 版权所有