您的当前位置:首页 > 建站学院 > 前端开发 > 
  • 超链接在鼠标经过时颜色渐渐变色的CSS代码

    前端开发2023年05月11日

    如何实现超链接在鼠标经过时颜色渐渐变色的呢?下面的代码就可以实现,我自己的博客也加入这行代码,现在的博客会让页面效果更加灵动、细腻,不至于太过于死板! a { color: #333; -moz-transition:color 150ms linear;-webkit-transition:color 150ms linear;-o-transition:...

  • CSS强制中文、英文换行与不换行的方法详解

    前端开发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...

  • 解决百度编辑器UEditor保持前台与后台代码高亮显示一致的样式及换行的问题

    前端开发2023年05月11日

    写技术文章的时候,通常需要插入代码,为了美观,百度编辑器-UEditor给我们提供了一个漂亮的边框。但是有一个问题是就在后台编辑器编辑、预览的时候都能看的到,一发布到前台就没有了。这个问题,官方给出了答案。 只需要在前台需要显示代码的页面调用如下代码,即可得到和这个一样的效果了! <!--高亮代码 --> <link href="/uedi...

  • input限制只能输入标准数字(整数和小数)

    前端开发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...

  • CSS让DIV元素闪烁、闪动

    前端开发2023年05月05日

    @-webkit-keyframes twinkling{/*透明度由0到1*/ 0%{ opacity:0;/*透明度为0*/ } 100%{ opacity:1;/*透明度为1*/ } } .shanshuo{     -webkit-animation: twinkling 1s&n...

  • Chrome浏览器触屏点击阴影取消

    前端开发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...

  • @media screen判断自适应CSS

    前端开发2023年05月05日

    .abc{ height:300px; border:1px solid #000; margin:0 auto}  @media screen and (min-width: 1201px) {    &nb...

  • CSS自适应vw和rem单位

    前端开发2023年05月05日

    html{font-size:4vw;} .part_a{width:23vw;font-size:1rem}使用百分比长度单位,当前百分比长度单位一般如下:vw、vh、vm、em、rem、%,优点:一套css代码即可适应所有屏幕宽度不同的手机;vw:相对于视口的宽度,视口被均分为100单位的vw;即将当前屏幕宽度均分为100份,1vw即为当前屏幕宽度的1%...

  • html标记是PC站、手机站或响应式

    前端开发2023年05月05日

    百度可以通过基本html特征来判断是否适合无线端浏览:PC站:<meta name="applicable-device" content="pc"> 手机站:<meta name="applicable-device" content=&q...