CSS实现不换行/自动换行/超出隐藏显示省略号的方法
记录几个CSS属性定义文本换行，不换行以及超出隐藏显示省略号的方法。CSS定义文本自动换行div{ word-wrap:break-word; word-break:normal;}CSS强制英文单词换行div{ word-break:break-all;}CSS强制不换行的方法div{ white-space:nowra
ZBLOG主题/插件定制开发流程
记录几个CSS属性定义文本换行，不换行以及超出隐藏显示省略号的方法。CSS定义文本自动换行div{ word-wrap:break-word; word-break:normal;}CSS强制英文单词换行div{ word-break:break-all;}CSS强制不换行的方法div{ white-space:nowra
在使用可编辑的DIV标签做为输入框时，发现按回车后会自动生成一个div元素，如果想回车时直接生成一个br的标签该如何做呢？下面就介绍一种利用JQ实现可编辑DIV标签按回车后生成<br/>标签的方法。div可编辑时回车自动生成<br/>标签的方法在浏览器中，div可编辑时如果按回车，会自动生成一个DIV或P标签。可以
CSS画梯形的方法是很多的，下面就给出几个示例，各位参考一下。CSS画梯形的方法方法1：<style>#m{height: 0;width: 100px;border-top: 100px solid red;border-right: 37px solid transparent;}</style><div
现在很多网站的站长，都不喜欢别人任意复制自己网站上的内容。为了防止别人复制自己网站的内容，使用了各种各样的方法。下面就介绍一种。CSS user-select 属性user-select：规定指定元素中的内容是否被用户选中。语法：p{ user-select:none}可选值：auto：默认。如果浏览器允许，则可以选择文本。none：防止
在css中，可利用transform属性实现垂直翻转效果，此属性可对DIV元素，图片元素都有效果。而这篇博文所要说的图片垂直效果也要使用这个CSS属性。CSS 实现图片垂直翻转的方法实现代码：<img src="https://www.feiniaomy.com/zb_users/upload/2020/08/202008
在css中有一个属性 text-transform ，如果取其值为 uppercase 时，可以将所有的小写字符转为大写。其使用方法如下！CSS text-transform 属性text-transform：转换指定元素的中文章语法：p {text-transform:uppercase}可取值：none：默认。定义带有小写字母和大写字
在前端web页面中，美化表格时一般都是使用隔行变色的方案。而这种方案实现起来也非常的简单....table表格隔行变色的方法table表格选择奇数行或偶数数要利用CSS中的 nth-child() 选择器，其 nth-child() 选择器中的值可以是数字，关键词或公式。nth-child(2n-1) //奇数行nth-child(odd
如果CSS中的 pointer-events 属性，设置其值为 none 的话，可以禁止 button 元素被点击，并且也可禁止其 JS 点击事件。CSS pointer-events 属性pointer-events：设置元素是否对指针事件做出反应语法：pointer-events: auto|none;可选值：auto：默认值，可以
有个小需求，要利用CSS代码去掉或隐藏input输入框中的光标，当然是不能影响input输入，具体的方法如下。CSS 隐藏或去掉输入框光标的方法方法1：<p>下面的有光标</p><input type="text" value=""><p>下面这个没光
在给别人调试网站时，在前端网站的头部代码中发现了一串 <base target="_blank"> 代码，虽然以前没少用这东西，但也有新手不太了解，下面就详细的说一下。HTML base 标签base：固定页面上的所有链接默认地址或默认打开方式的标签！语法：<base href="xxxxx
html中的input输入框设置为只读的话，只需要添加 readonly 属性即可，但如果用js的触发事件来做该怎么实现呢，下面提供一种JS设置 input 为只读状态的方法。原生js代码设置input为只读状态的方法js示例代码：<!DOCTYPE html><html><head><meta
禁止 input 元素输入内容可以给其添加 disabled 和 readonly 属性，虽然这两个属性都可以禁止 input 的输入，但也是有一些差别的！disabled 属性禁止 input 输入input 元素添加 disabled 属性，可以使用 input 输入框变灰，并且不可把选中以及复制，在form提交时也不会提交其inpu
在逛一个技术博客的时候，发现了一个利用css动画实现水波纹效果的示例，虽然效果不咋得，但在一些特定的场景下还是可以用一用的，记录下来以后备用哦。CSS实现水波纹效果的方法示例代码：<!DOCTYPE html><html><head> <meta http-equiv="Content-
接到一个要在 textarea 输入框中标红部份字体的需求，标红字体就需要使用html标签去实现，但 textarea 中是无法使用标签的，就想到了 textarea 修改为 div 元素并设置可编辑的方法，这样就实现了修改 textarea 部份红包颜色的需求，虽然不是用的 textarea 元素，但是最终的效果是一样的！DIV 设置
接到了个小活，其中就有一个需求是利用 CSS 样式代码将图片变灰，这个需求很只需要使用 CSS filter 属性中的 greyscale 值即可，下面具体的来说一下。css3 greyscale 样式css3 中 greyscale 是 filter 中的一种属性，可以对HTML元素进行灰色滤镜，它的用法也非常的简单，并可以适用于a，d
这段时间一直在攻克查词项目，其中就涉及到了个别单词的语音朗读。网上找了一下JS调用百度语音合成apI的代码，测试了一下发现非常好用，记录下来留着以后备用。js调用百度语音合成的代码HTML+js代码：<div class="btn-audio"><audio id="mp3Btn"
在前端web设计中，在写web样式之前需要初始化一下CSS代码，以方便网页在各个不同的浏览器显示中达到统一的效果。下面记录了几个大网站中的CSS样式初始化代码，各位请上眼！腾讯CSS初始化代码body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,text
闲着没事写了一个利用CSS代码实现对号与叉号的效果，下面放个代码出来，方便以后自己使用！CSS代码实现对号与叉号的效果代码html示例代码：<!DOCTYPE html><html><head><style>/*对号CSS*/.success{ &nb
在清时节或国家哀悼日时，很多的站长都会把自己的网站页面调成灰色，以示哀悼。网页变灰的方法方法一：修改网站的CSS文件打开网站的CSS样式文件，加入以下的代码即可！代码1：html {filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filte
CSS样式代码中的伪类是用来添加一些选择器的特殊效果，可对已有元素处于某种状态时为其添加对应的样式，这个样式是根据用户的行为则动态变化的。如果你看不懂CSS伪类的解释，可以看看下面的这个示例！css伪类 :hover :hover：当CSS悬停与指定元素上时，触发的效果。例：使用 css :hover 伪类的方法利用 css :hove
闲着没事收集了几个利用 JS 脚本控制html input 元素输入内容类型的方法，各位有需要的可以拿走。都测试过了。限制input输入内容类型的方法1、input 只能输入数字<input onkeyup="value=value.replace(/[^\d]/g,'') " onbeforep
ZBLOG主题/插件定制开发流程