前端开发2023年05月13日
平时在PC端开发页面，通过CSS样式的hover就可以实现按钮的效果，但转移到手机移动端是就无法实现了，如何解决呢？ .abc{border:0; width:480px; height:170px; transition: width .2s; -moz-transition: width .2s; /* Firefox 4 */ -webkit-tran...
前端开发2023年05月12日
<video>标签的属性 src ：视频的属性 poster：视频封面，没有播放时显示的图片 preload：预加载 autoplay：自动播放 loop：循环播放 controls：浏览器自带的控制条 width：视频宽度 height：视频高度 html 代码 <video id="media" src="http://www.sund...
前端开发2023年05月11日
如何实现超链接在鼠标经过时颜色渐渐变色的呢？下面的代码就可以实现，我自己的博客也加入这行代码，现在的博客会让页面效果更加灵动、细腻，不至于太过于死板！ a { color: #333; -moz-transition:color 150ms linear;-webkit-transition:color 150ms linear;-o-transition:...
前端开发2023年05月11日
1. word-break:break-all;只对英文起作用，以字母作为换行依据2. word-wrap:break-word; 只对英文起作用，以单词作为换行依据3. white-space:pre-wrap; 只对中文起作用，强制换行4. white-space:nowrap; 强制不换行，都起作用5. white-space:nowrap; over...
前端开发2023年05月11日
写技术文章的时候，通常需要插入代码，为了美观，百度编辑器-UEditor给我们提供了一个漂亮的边框。但是有一个问题是就在后台编辑器编辑、预览的时候都能看的到，一发布到前台就没有了。这个问题，官方给出了答案。 只需要在前台需要显示代码的页面调用如下代码，即可得到和这个一样的效果了！ <!--高亮代码 --> <link href="/uedi...
前端开发2023年05月05日
<input name="bili" type="text" id="bili" placeholder="结业课时标准比例" onkeyup="this.value=this.value.replace(/[^\...
前端开发2023年05月05日
<style> #flpm_box_danwei::-webkit-scrollbar,#right_box::-webkit-scrollbar { /*滚动条整体样式*/ width : 5px; /*高宽分别对应横竖滚动条的尺寸*/ height: 1px; } #flpm_bo...
前端开发2023年05月05日
@-webkit-keyframes twinkling{/*透明度由0到1*/ 0%{ opacity:0;/*透明度为0*/ } 100%{ opacity:1;/*透明度为1*/ } } .shanshuo{ -webkit-animation: twinkling 1s&n...
前端开发2023年05月05日
#anniu_index { position:absolute; width:200px; height:200px; padding-top:5px; text-align:center; display:block; z-index:1; right:5px; top:5px; cursor:pointer; outline:none; -w...
前端开发2023年05月05日
.abc{ height:300px; border:1px solid #000; margin:0 auto} @media screen and (min-width: 1201px) { &nb...