当前位置: 首页  - 笔记  - Web前端  - 列表 学而时习之,不亦说乎

Web前端

zblog作品墨初VIP主题,响应式设计,简洁而不简单.....

墨初VIP主题,响应式设计,简洁而不简单.....

前段时间发布一个墨初主题的免费版本,在免费版本中并没有加入太多功能,主题以测试前端为主的,一些主题的数据需要在模版中修改非常的不方便,但使用上并没有任何限制,如果你喜欢折腾可以下载免费版本进行使用或修改。本次发布的VIP版本,可以很方便的在后台的主题设置中修改模版中的任何数据,当然如果你想获得本版本,需要给本站的博主一点点的赞助支持哦!别

推荐
zblog作品Z-Blog用户中心插件正式发布啦。。。

Z-Blog用户中心插件正式发布啦。。。

如果你的主题想适配此插件或想了解更多的功能,请阅读《墨初用户中心插件使用教程》这篇文章!演示站注册邀请码:PHLF6F演示地址:1、本插件演示地址 http://us.502la.com 2、注册邀请码:PHLF6F3、各位在体验时,如遇到什么问题,可直接与我联系!4、加入QQ群 79609235 可以免费1.9版本的用户中心插件(免

推荐
zblog作品zblog博客/CMS主题发布,强力代码级别优化,速度快,收录快

zblog博客/CMS主题发布,强力代码级别优化,速度快,收录快

经过一个月的编写,墨初CMS主题强势发布。此主题由VIP主题演化而来,但又不同于VIP主题,全新的后台处理代码,并加入了部份缓存机制,强力前台代码优化配合主题增强插件。做到了功能多样化,加载速快,被搜索引擎收录快等特点。演示地址:飞鸟慕鱼博客文章内容页面代码复制点击复制代码Ctrl+C就可以复制代码啦CMS首页模块首页CMS模块可自己选择

推荐
Web前端DIV+CSS制作(table)表格的方法

DIV+CSS制作(table)表格的方法

在前端的网页设计需求中,有时候需要使用表格来展示一些数据,但又不能使用 html 中的 table 标签来做,那么我们只有使用 DIV + CSS 来画一个表格了。下面就介绍几种方法,大家来参考一下!使用 DIV+CSS 制作一个表格先上一个由CSS+DIV简单制作的表格样式的示例!html示例代码:<!DOCTYPE html&g

Web前端限制 html input 只能输入数字的方法

限制 html input 只能输入数字的方法

在前台的 html 页面设计中,有时候需要 input 输入框中只能输入数字。那么如何对 input 的输入类型做限制呢?下面飞鸟慕鱼博客的小编就来和大家说一说!限制 input 只能输入大于 0 的正整数的示例示例1:下面的代码可以实现,input 只限制输入大于 0 的正整数,但是如果使用复制粘贴内容的方法,是可以绕过判断的,因为它只

Web前端html Meta 标签屏蔽蜘蛛抓取的方法教程

html Meta 标签屏蔽蜘蛛抓取的方法教程

今天有人说可以利用 html 页面的中 meta 标签来屏蔽搜索引擎蜘蛛的抓取或不让蜘蛛抓取网页中的其它链接,本着好奇的精神,就查了一些相关的资料,发现了一串类似 <meta name='robots' content='noindex,nofollow' /> 这样的HTML代码,可以告诉来网

Web前端css 选择没有内容的元素的方法

css 选择没有内容的元素的方法

今天在写一个主题时,需要把一些没有内容的元素给隐藏掉,由于是由后台动态生成的页面,不知道没有内容的元素在哪。当然这种问题对于技太大姥来说,是简单的一笔,但对于像我这种菜鸟来说,就很难了。所以就想出了,用CSS来隐藏一些空内容元素的方法。CSS :empty 选择器介绍css 选择内容为空的元素,需要用到 CSS 的 :empty 选择器!

Web前端js 清空 input file 的值的方法

js 清空 input file 的值的方法

今天在做一个利用 JS 上传本地图片的小功能时,需要在文件上传成功后,清空 file 类型的 input 元素中所选择的本地文件,以方便二次功能的调用!而这篇文章飞鸟慕鱼博客就来说一说,如果利用 js 来清空一个 file 类型 input 元素的值。js 清空 input file 值的方法方法1:直接将 input file 的值改成

Web前端js 实现侧边栏跟随固定范围内浮动的效果

js 实现侧边栏跟随固定范围内浮动的效果

今天在写一个主题时,需要让页面的侧栏在指定的DIV元素范围内跟随浏览器进行浮动,具体要实现的效果,可在pc端查看本页面的右则部份,在页面的不断上下滚动的情况下,右则的则栏则始终会在浏览器的可视范围内,并不会超出遮挡其它的DIV元素,而这个效果的实现,需要用到一个叫“theia-sticky-sidebar.js” js文件。theia-s

Web前端css calc() 进行计算的方法

css calc() 进行计算的方法

css3 中给我们提供了一个很有意思的函数 calc(),此函数可以让浏览器在解析CSS时,对元素的长度,宽度,以及其它的属性进行加,减,乘,除的计算。它的应用不是很广泛,但一般在自适应类型的网页中会经常看到它的身影。css calc() 计算函数calc():函数用于动态计算。语法:calc(expression)参数:expressi

Web前端table 表格边框合并为单一的边框的方法

table 表格边框合并为单一的边框的方法

在 html table 表格元素的默认设置中,如果为每个表格定义它的边框,整体看起来就感觉非常的凌乱,所以这篇博文就说一说,如果将 table 表格的单元格边框合成一条单线。table 表格边框默认的样式例代码:<!DOCTYPE html><html><head><meta charset=&

Web前端CSS3 选择倒数第几个元素的方法

CSS3 选择倒数第几个元素的方法

上午在写一段HTML时CSS样式时,需要对一个父元素下的最后两个子元素的样式进行额外的定义,由于以前没有遇到过类似的需求,就仔细得查了下网上相似的案例,发现可以使用 CSS3 中的 “:nth-last-child() ”选择器来实现此效果。CSS3 :nth-last-child() 选择器:nth-last-child(n):匹配其父

Web前端CSS3自定义滚动条样式

CSS3自定义滚动条样式

一些爱折腾的个人网站的站长会嫌弃浏览器原始的滚动条不好看,会想方设法的将浏览器的滚动条进行个性化的自定义,而 CSS3 就提供了 -webkit-scrollbar 属性来自定义浏览器滚动条的样式。CSS3 的 -webkit-scrollbar 属性只支持 webkit 内核浏览器的滚动条设置,它可以对拥有 overflow 隐藏属性的

Web前端html input 元素设置禁用的几种方法

html input 元素设置禁用的几种方法

html 页面中的 input 元素,可以通过设置一些指定的属性,来禁用它的功能,使其不可编辑,不可复制,不可选择,不能接收焦点以及后台也不能接收到它的传值等。下面就来说几种 input 元素中常用的禁止属性。input disabled 属性disabled:属性规定应该禁用 input 元素。作用:使 input 元素不可编辑,不可复

Web前端GET 与 POST 两种请求方法的区别

GET 与 POST 两种请求方法的区别

说到WEB开发中GET与POST两种请求方法,相信有点WEB知识的开发者,都能说出个一二三来。但它们之间的区别你能说出多少来呢?下面飞鸟慕鱼博客的小编就收集了一些资料,来说一下 POST 与 GET 请求的区别。GET 与 POST 的简单理解GET 与 POST 是 HTTP 协议中,两种发送请求的方法。HTTP 是基于 TCP/IP

Web前端CSS3 给html元素加入阴影效果的方法

CSS3 给html元素加入阴影效果的方法

在前端 html 页面的设计中,有个别需要向访客突出显示的元素时,可以加上一些阴影的效果,让它的辨识度更高,让访客可以一眼发现它存在。关于 html 元素的阴影效果的设置,可以使用 CSS3 中的属性 box-shadow ,下面飞鸟慕鱼博客就来和大家说一说,关于此属性的用法。CSS3 box-shadow 属性详解box-shadow:

Web前端CSS3 实现div元素向上移动的效果

CSS3 实现div元素向上移动的效果

今天应一个用户的要求,要做一个html页面,而页面中的部份div元素,在鼠标移入时向上移动,鼠标移出时恢复到原来的位置。效果是用纯css3代码来实现的,不使用任合的JS代码。css3 实现div向上移动的效果代码html代码:<!DOCTYPE html><html><head><meta cha

Web前端input file实现多文件上传的方法

input file实现多文件上传的方法

在 html input 默认设置中,只能同时上传一个文件。如果遇到有多个文件都需要上传的情况,就显得麻烦了很多。那么这篇文章就说一说,input file 如何同时上传多个文件的方法input multiple 属性multiple:规定 input 输入的字段可以选择多个值注意:使用此属性的只能 file 与 email 类型的 in

Web前端input file限制上传文件类型的方法

input file限制上传文件类型的方法

在前端html中,上传文件时,一般都是用到 type 属性值为 file 的 input 标签,但在默认情况下,file 类型的 input 标签是不限制选择本地文件的类型的,那么本篇博文,飞鸟慕鱼就来和大家说一说,input file 如何限制本地文件的类型。input file 代码<input type="file&

Web前端html 中的 <li> 标签横向排列的方法

html 中的 <li> 标签横向排列的方法

html页面中的多个连续的<li>标签在默认的情况下是竖向排列的,不过我们可以设置 li 标签的 CSS 样式,来使一个 ul 标签中的所有 li 标签都横向排列。多个 html 中 li 标签默认竖向排列html代码<!DOCTYPE html><html><head><meta c

Web前端php 判断是否为今日头条搜索引擎的蜘蛛

php 判断是否为今日头条搜索引擎的蜘蛛

近日,今日头条搜索上线了站长平台,同时也给出了头条搜索引擎蜘蛛的UA以及IP段。我们可以凭借头条搜索给出的蜘蛛信息,来判断网站的访客是否为头条搜索的蜘蛛,以及它的访问统计数据。今日头条搜索spider介绍头条搜索蜘蛛的UA:Mozilla/5.0 (Linux; Android 6.0; Nexus 5 Build/MRA58N) App

Web前端CSS3实现背景颜色渐变的方法

CSS3实现背景颜色渐变的方法

上午制作网页时,写了一个利用 CSS3 实现网页背景颜色渐变的效果,晚上整理代理时,发现这效果还挺好玩的。记录下来,以后再写这种网页背景颜色渐变的效果时,只能复制就行了。网页背景颜色的渐变,利用了 CSS3 中的 Gradients 属性,而渐变的效果又分为了两种,分别为:Linear Gradients(线性渐变) 和 Radial G

Web前端html页面强制所有链接新窗口打开的方法

html页面强制所有链接新窗口打开的方法

上午接到博客访客的反馈,表示博客中的链接在原窗口打开的话,网站的体验非常的不好,而自己又懒的一个个去修改博客网页中的链接打开方式,就加了一个强制页面所有链接新窗口打开的代码,一招解决问题。html页面强制所有链接新窗口打开的代码<base target="_blank">将此代码放到,网页中的 <he

Web前端HTML中的<time> 标签详解

HTML中的<time> 标签详解

今天在用W3C检测网页的标签时,发现了一个<time>的html标签,虽然自己的博客模版上也用过这个html标签,但还是仔细的查找了关于它的一些文档说明,记录下来以备后用。html <time> 标签<time>:标签定义公历的时间(24小时制)或日期语法:<time>2019-11-19&

1 2 3 4 5 末页
点击下拉

ZBLOG主题/插件定制开发流程

ZBLOG主题/插件定制开发流程