作为功能强大,支持不同数据格式的文件嵌入的语言,我们一定要心存畏惧。网站首页Html/css

用CSS伪类before和after做左右横线中间文字效果

发布时间:2018-05-04作者:余斗分类:[Html/css]浏览:
用CSS伪类before和after做左右横线中间文字效果
    什么是: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:justify的使用心得
    在平常的开发过程中,对于text-align一般用到的是left,center,right,这三个属性都不会陌生。然而,对于justify的使用我却是很陌生。余斗今天就来说说这个justify用处。 首先有个比较简单的例子,首先是html代码: !DOCTYPE html html lang= "en" head meta charset= "...... 阅读全文>>

使用rem布局解决手机端页面自适应的问题

发布时间:2018-03-08作者:余斗分类:[Html/css]浏览:
使用rem布局解决手机端页面自适应的问题
    前言:该方法使用相当简单,把下面这段已压缩过的 原生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根据不同时间点显示不同内容
    因为公司网站的需要,要实现一个随着时间或者星期的变化来显示不同的内容,所以写了一段JS来控制文字内容随着时间变化而变化,之前也学过相关的知识,实现起来很简单,余斗今天就简单说两种方法: 第一种方法 script language=javascript style=text-align: left; var...... 阅读全文>>

纯CSS实现背景透明,文字不透明的方法

发布时间:2017-11-18作者:余斗分类:[Html/css]浏览:
纯CSS实现背景透明,文字不透明的方法
    医院网站的移动端要做一个banner滚动图,我想把每个banner图的标题也显示出来,直接把文字写在图片底部上会很突兀,需要做一个半透明的背景来放文字。于是百度了一些方法,发现很多方法虽然在我所用的浏览器上有效,但是到低版本的浏览器上则无效。很苦恼,仔细研究了...... 阅读全文>>

将网页变成黑白灰色调CSS代码推荐

发布时间:2017-10-28作者:余斗分类:[Html/css]浏览:
将网页变成黑白灰色调CSS代码推荐
    在网页制作的过程中,我们有时候根据特殊的需求,会将网页的整体或局部编程灰色,一般应用在哀悼日、活动过期等需求上,这个时候,如果重写css样式,则显得臃肿。今天余斗给大家推荐几种全局css代码,专门用于将网页界面变成黑白灰色调,大家根据自己的具体情况选取:...... 阅读全文>>

移动站上引用优酷视频时候自适应的解决方法

发布时间:2017-09-25作者:余斗分类:[Html/css]浏览:
移动站上引用优酷视频时候自适应的解决方法
    我们在表文章时候难免会要引入视频,但是视频文件本身会很大,既占用主机空间,又占用带宽流量,所以,我们小站长一般会选择引入各大视频网站的资源。 目前主流的视频网站无非国内的优酷、腾讯视频,国外的youtube采用的是html5格式的播放器,不过遗憾的是youtube被墙...... 阅读全文>>

table表格自适应高度的解决办法

发布时间:2017-09-21作者:余斗分类:[Html/css]浏览:
table表格自适应高度的解决办法
    在专题中需要做一个单价展示的内容,用到了table,但是发现内容过多,高度会超出页面高度,用户体验很不好,于是,这里需要写一下css来使table自适应高度,代码很简单,完整代码如下: DOCTYPE HTML PUBLIC -//W3C//DTDHTML 4.0 Transitional//EN html HEAD titletable...... 阅读全文>>

JS实现模拟触发按钮点击功能

发布时间:2017-08-10作者:余斗分类:[Html/css]浏览:
JS实现模拟触发按钮点击功能
    在《 移动端网页实现摇一摇打开咨询连接的方法 》一文中,我们在利用摇一摇功能打开网址的时候是利用函数打开,有网友私信我能不能在网页中先做个按钮或者锚链接,通过js来触发点击实现打开新连接,这个是可行的,接下来就教大家的实现方法: 一、首先在Html文档中加上...... 阅读全文>>
31 1 2 3 4 > >>
手机扫一扫 随身带着看
鸿运国际手机登录首页