作为功能强大，支持不同数据格式的文件嵌入的语言，我们一定要心存畏惧。网站首页Html/css
利用CSS3美化半个字符的实现方法
发布时间：2018-12-15作者：余斗分类：[Html/css]浏览：次
用CSS美化半个字符，就是把一个字符劈成两半，一半是A样式，一半是B样式。当然，大家都知道，不论是中文字符还是西文字符，单个字符否是无法拆分的，它们是文字的最新单元，如果是美化半个词或半个句子，这估计大家都知道如何做，也很常见。但半个字符如何美化呢？当然......
阅读全文>>HTML5中用Placeholder实现input背景文字提示效果
发布时间：2018-10-07作者：余斗分类：[Html/css]浏览：次
这篇文章我们来看看什么是input输入框背景文字提示效果，如下图所示： 这种效果现在网上非常的普遍流行，但大部分是使用JavaScript实现的。但HTML5给我们提供了新的纯HTML的实现方式，不需要任何的JavaScript，只需要在你的input文本框的标记上添加HTML5规范里新增的pla......
阅读全文>>用Html和CSS实现文字环绕图片的方法
发布时间：2018-07-26作者：余斗分类：[Html/css]浏览：次
在一个图文并茂的网页上，文字环绕图片可以使布局美观紧凑，如何实现呢？ 余斗给大家介绍两种办法： 一、利用CSS属性实现 代码如下： div style= width:400px; div style= float:left; clear: both; align= center img src= images/bkjj.jpg width= 120 alt= hspace= 8 ......
阅读全文>>Html清除浮动的几种方法介绍
发布时间：2018-07-25作者：余斗分类：[Html/css]浏览：次
在清除浮动前我们要了解两个重要的定义 浮动的定义： 使元素脱离文档流，按照指定方向发生移动，遇到父级边界或者相邻的浮动元素停了下来。 高度塌陷： 浮动元素父元素高度自适应（父元素不写高度时，子元素写了浮动后，父元素会发生高度塌陷） 知道浮动和为什么要清除......
阅读全文>>Html页面中内容禁止选择、复制、右键的实现方法
发布时间：2018-06-28作者：余斗分类：[Html/css]浏览：次
有的时候，我们不希望自己网页中所呈现的内容不被别有用心盗取，就需要在网页中加上一个禁止复制的功能，而一般的浏览器在禁止复制后还可以用复制为纯文本，并不能完全杜绝此问题，此时就需要我们在页面中完全禁止右键和复制。 实现起来其实很简单，只需要在网页body中......
阅读全文>>利用CSS隐藏页面元素五种方法
发布时间：2018-06-25作者：余斗分类：[Html/css]浏览：次
用CSS隐藏页面元素有许多种方法。我们可以将opacity设为0、将visibility设为hidden、将display设 none或者将position 设为absolute然后将位置设到不可见区域。 以下就是余斗教大家的五种方法来实现隐藏页面元素： 一、Opacity opacity 属性的意思是设置一个元素的透明度......
阅读全文>>CSS文字排版中标点符号在行首出现的解决方法
发布时间：2018-06-14作者：余斗分类：[Html/css]浏览：次
博客移动端改版后，突然发现内容页有一个问题：标点符号有时候会在行首出现。对于中国文字来说，这是不正规的，我们以前写作文的时候都知道，标点符号一定不可以出现在行首。之前在PC端预览的时候，并没有出现这个问题，只是有手机看的时候才发现。 PS: Chrome测挺好的,......
阅读全文>>用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[......
阅读全文>>