关键字:box-sizing
  • web前端入门到实战:css3基础-文本与字体+转换+过渡+动画+案例
    Css3文本与字体 文本阴影 h1 { text-shadow: 5px 5px 5px red; } word-break换行: h1:nth-child(1) { word-break: normal; } /*英文:一行放不下 ...
  • 前端总结
    闭包以及应用场景 作用域 作用域决定了代码区块中变量、函数、对象和其他资源的可见性 全局作用域、函数作用域和块级作用域 let 和 const 声明的变量不会提升到代码块顶部。 在同一作用域内,禁止重复声明 for 循环中,设置循环变量那部 ...
  • 前端开发必会的CSS核心问题,你掌握 了吗?
    本文将讲述 CSS 中最核心的几个概念,包括:盒模型、position、float等。这些是 CSS 的基础,也是最常用的几个属性,它们之间看似独立却又相辅相成。为了掌握它们,有必要写出来探讨一下,如有错误欢迎指正。元素类型HTML 的元素 ...
  • 【四】轮播图组件
    关于专题【vue开发音乐App】 轮播图属于基础组件,所以归纳到src/base/slide里面,新建slide.vue 一、html部分 ...
  • 17个场景,带你入门CSS布局
    CSS 布局本质就是控制元素的位置和大小。比如这样的布局:元素宽960px,水平居中。宽960px是大小。水平居中是位置。又如这样的布局:两个元素在一行,左侧元素固定宽200px,右侧元素撑满剩余空间。固定宽200px,撑满剩余空间是大小。 ...
  • 一个很实用的css技巧简析
    我是小雨小雨,专注于更新有趣、实用内容的小伙,如果内容对大家有一点帮助,那么就请动动手指,给个关注、点赞支持一下吧。 ^ - ^ 序言 前两天接到一个需求,其中包括一个有序的列表,我们今天就来看看这个有序怎么做更方便、简单。 当然,这个功 ...
  • 对于页面适配,该用px还是rem
    css中的单位很多,%、px、em、rem、vw、vh等。每个单位都用特点的用途,比如当需要设置一个矩形的宽高比是16:9,并且随屏幕宽度自适应时,除了%,其他的单位都很难做到,所以说不存在某个单位是错误的,某个单位是最好的这种说法。 本文 ...
  • 60个非常实用的CSS代码片段,千万要收藏好了!
    1、垂直对齐 如果你用CSS,则你会有困惑:我该怎么垂直对齐容器中的元素?现在,利用CSS3的Transform,可以很优雅的解决这个困惑: .verticalcenter{ position: relative; top: ...
  • 关于css的几个建议
    在这篇文章中,我想跟你分享 20 条由 CSS 社区推荐的约定和最佳实践。 有些建议可能比较适合新手,而有些则更高级一些,但我希望每个人都可以在本篇文章中收获自己不知道的知识。 01、谨慎使用外边距属性 与其它的属性不同,垂直方向上的外边距 ...
  • background、border 渐变色
    背景渐变色:background linear-gradient 线性渐变色 radial-gradent 径向渐变 示例: background: radial-gradient(50px, #f00, #ff0, #080) backg ...

暂无数据