您的当前位置:首页 > 建站学院 > 前端开发 > 
  • [CSS揭秘]扩大可点击区域

    前端开发7小时前

    目的: 想给一个简单的小按钮扩大其热区在四个方向上均向外扩张10px 解决方案: 1. 常规的解决方案可能是设置一圈透明边框。 border: 10px solid transparent; 2. 但是如果按钮有背景色,那么边框很可能会扩大按钮的可视尺寸。于是可以采用background-clip属性将背景限制在padding-box区域内。 backgr...

  • css 字体默认有高度 怎么去掉

    前端开发10小时前

    给字体加line-height:1 ...

  • 图解css3 -- 笔记2

    前端开发10小时前

    text-shadow text-shadow:none|[color x-offset y-offset blur-radius] 注意: 在ie下,可以使用滤镜filter:shadow(Color=颜色值, Direction=数值, Strength=数值) 其中:Direction用来设置投影的方向,0度在文本的上面,45度在文本的右上角,依次 ...

  • wordpress插件开发挂载css和js

    前端开发13小时前

    define( 'CSS', plugin_dir_url( __FILE__ ) . 'css/' );//定义css根目录 define( 'JS', plugin_dir_url( __FILE__ ) . 'js/' );//定义js根目录 function sc_meeting_map_load_css(){ wp_enqueue_style( ...

  • [css3]文字过多以省略号显示

    前端开发18小时前

    text-overflow:ellipsis; 优点: 1.不用通过程序限定字数 2.有利于SEO(实际上并未被截字,只是局限于宽度未被显示而已) width: 某个值; overflow: hidden;text-overflow:ellipsis;white-space:nowrap; overflow: hidden和white-space: now...

  • 纯css制作三级菜单

    前端开发19小时前

    <!DOCTYPE html> <html> <head> <title>三级菜单</title> <meta charset="utf-8" /> <style type="text/css"> /*添加视觉样式*/ .multi_drop_menu {font:1em ...

  • vue的采坑之旅--vue-cli脚手架loader重复--Invalid CSS after "...load the styles": expected 1 selector or at-rule

    前端开发20小时前

    在使用scss是可能会添加loader,例如 { test: /\.scss$/, use: ['style-loader', 'css-loader', 'sass-loader'], } 然而当使用vue-cli脚手架创建项目时,可能出现如下错误: Invalid CSS after "...load the styles": ex...

  • css盒子模型 css3盒子相关样式

    前端开发前天 19:52

    1.内边距(内边距在content外,边框内) 内边距属性: padding 设置所有边距 padding-bottom 底边距 padding-left 左边距 padding-right 右边距 padding-top 上边距 2.边框 border-style 定义边框样式 单边框样式 border-top-style border-left-sty...

  • css中伪元素before或after中content的特殊用法attr【转】

    前端开发前天 17:09

    【原文】https://segmentfault.com/a/1190000002750033 CSS中主要的伪元素有四个:before/after/first-letter/first-line,在before/after伪元素选择器中,有一个content属性,能够实现页面中的内容插入。 插入纯文字 content:"插入的文章",...

  • CSS网页背景图片等比例占满整个页面的解决方案

    前端开发前天 15:42

    想做一个个人展示类的网站首页,用整张图片来当背景,浏览器窗口放大缩小时背景图片不会变形,需要用到分层来实现其他功能,就用DIV来实现了 #bodycontainer { width:100%; height:100%; min-width:973px; min-heigth:584px; background-image:url("love.jp...