作为功能强大，支持不同数据格式的文件嵌入的语言，我们一定要心存畏惧。网站首页Html/css
用CSS伪类before和after做左右横线中间文字效果
发布时间：2018-05-04作者：余斗分类：[Html/css]浏览：次
什么是:before和:after？ 该如何使用他们？ :before是css中的一种伪元素，可用于在某个元素之前插入某些内容。 :after是css中的一种伪元素，可用于在某个元素之后插入某些内容。 如下代码则代表分别在p标签前后加入字符H和字符d： style p:before{ content: H /*:before......
阅读全文>>关于文本对齐格式text-align:justify的使用心得
发布时间：2018-04-16作者：余斗分类：[Html/css]浏览：次
在平常的开发过程中，对于text-align一般用到的是left,center,right，这三个属性都不会陌生。然而，对于justify的使用我却是很陌生。余斗今天就来说说这个justify用处。 首先有个比较简单的例子，首先是html代码： !DOCTYPE html html lang= "en" head meta charset= "......
阅读全文>>使用rem布局解决手机端页面自适应的问题
发布时间：2018-03-08作者：余斗分类：[Html/css]浏览：次
前言：该方法使用相当简单，把下面这段已压缩过的 原生JS（仅1kb）放到html的head标签中即可（注:不要手动设置viewport，该方案自动帮你设置） script!function(e){function t(a){ if (i[a]) return i[a].exports;var n=i[a]={exports:{},id:a,loaded:! 1 }; return e[......
阅读全文>>移动端输入框弹出键盘带搜索按钮的实现方法
发布时间：2018-02-24作者：余斗分类：[Html/css]浏览：次
标题不知道怎么取才能表达我的意思，大家可以先看图： 就是说在移动端调出键盘后的确定键文字变成搜索键，这样对用户体验较好，特别在搜索的时候。 那么如何在用户点击input时弹出带有搜索按钮的键盘，其实很简单，加上 type=search即可。 代码如下： input id= keywor......
阅读全文>>JS根据不同时间点显示不同内容
发布时间：2018-02-07作者：余斗分类：[Html/css]浏览：次
因为公司网站的需要，要实现一个随着时间或者星期的变化来显示不同的内容，所以写了一段JS来控制文字内容随着时间变化而变化，之前也学过相关的知识，实现起来很简单，余斗今天就简单说两种方法： 第一种方法 script language=javascript style=text-align: left; var......
阅读全文>>纯CSS实现背景透明，文字不透明的方法
发布时间：2017-11-18作者：余斗分类：[Html/css]浏览：次
医院网站的移动端要做一个banner滚动图，我想把每个banner图的标题也显示出来，直接把文字写在图片底部上会很突兀，需要做一个半透明的背景来放文字。于是百度了一些方法，发现很多方法虽然在我所用的浏览器上有效，但是到低版本的浏览器上则无效。很苦恼，仔细研究了......
阅读全文>>将网页变成黑白灰色调CSS代码推荐
发布时间：2017-10-28作者：余斗分类：[Html/css]浏览：次
在网页制作的过程中，我们有时候根据特殊的需求，会将网页的整体或局部编程灰色，一般应用在哀悼日、活动过期等需求上，这个时候，如果重写css样式，则显得臃肿。今天余斗给大家推荐几种全局css代码，专门用于将网页界面变成黑白灰色调，大家根据自己的具体情况选取：......
阅读全文>>移动站上引用优酷视频时候自适应的解决方法
发布时间：2017-09-25作者：余斗分类：[Html/css]浏览：次
我们在表文章时候难免会要引入视频，但是视频文件本身会很大，既占用主机空间，又占用带宽流量，所以，我们小站长一般会选择引入各大视频网站的资源。 目前主流的视频网站无非国内的优酷、腾讯视频，国外的youtube采用的是html5格式的播放器，不过遗憾的是youtube被墙......
阅读全文>>table表格自适应高度的解决办法
发布时间：2017-09-21作者：余斗分类：[Html/css]浏览：次
在专题中需要做一个单价展示的内容，用到了table，但是发现内容过多，高度会超出页面高度，用户体验很不好，于是，这里需要写一下css来使table自适应高度，代码很简单，完整代码如下： DOCTYPE HTML PUBLIC -//W3C//DTDHTML 4.0 Transitional//EN html HEAD titletable......
阅读全文>>JS实现模拟触发按钮点击功能
发布时间：2017-08-10作者：余斗分类：[Html/css]浏览：次
在《 移动端网页实现摇一摇打开咨询连接的方法 》一文中，我们在利用摇一摇功能打开网址的时候是利用函数打开，有网友私信我能不能在网页中先做个按钮或者锚链接，通过js来触发点击实现打开新连接，这个是可行的，接下来就教大家的实现方法： 一、首先在Html文档中加上......
阅读全文>>