关键字:font-size
  • web前端入门到实战:浅谈CSS calc()函数的用法
    CSS3 的 calc() 函数允许我们在属性值中执行数学操作。例如,我们可以使用 calc() 指定一个元素宽的固定像素值为多个数值的和。 .foo { width: calc(100px + 50px); } 为什么是 calc() ...
  • CSS单位之间的关系
    像素 (px) 是一种绝对单位(absolute units), 因为无论其他相关的设置怎么变化,像素指定的值是不会变化的。其他的绝对单位如下: mm, cm, in: 毫米(Millimeters),厘米(centimeters),英寸( ...
  • Vue自定义指令--实现文字溢出显示...鼠标移入浮层展示全部
    首先 要知道当前元素的宽 将文字放到一个容器中,将容器的样式(主要是有关字体的样式)都设置为当前元素的样式,然后获取容器的宽,也就是文字的宽 如果文字的宽度超过了当前元素的宽度,则给溢出隐藏的css样式 overflow :hidden;t ...
  • 滚动视差让你不相信“眼见为实”
    parallax.jpg 引言 视差滚动(Parallax Scrolling)是指让多层背景以不同的速度移动,形成立体的运动效果。 其实,这项技术早在 2013 年就已经开始在一些国外的网站中得到了大量的应用。由于它给网站带来了非常出色 ...
  • 使用纯CSS代码实现3D旋转效果
    主要使用CSS中的 preserve-3d 、perspective 属性实现3D效果 效果 GIF.gif HTML代码 <div class="face fron ...
  • HTML + CSS 为何得不到编程界的认可?
    有好多次,别人说我算不上程序员,因为我在用HTML + CSS编程。我非常伤心,因为别人都不认为我是开发人员。我们讨论了好几个小时,网上也有很多关于这个话题的讨论。但仍然还有人否认这一点,那么就让我们在本文中好好探讨一番。 在深入探讨之前, ...
  • js打印九九乘法表
    代码 html,body,ul,li { padding: 0; margin: 0; border: 0; } ul { width: 900px; overf ...
  • web前端入门到实战:HTML5基础-新增标签+新增属性+布局案例
    html5中常用的结构标签 article 文章 header 头部 nav 导航 section 区域 aside 侧边栏 hgroup 区块的相关信息 figure 定义一组内容及标题 figcaption 定义figure元素的标题 ...
  • web前端入门到实战:css3基础-文本与字体+转换+过渡+动画+案例
    Css3文本与字体 文本阴影 h1 { text-shadow: 5px 5px 5px red; } word-break换行: h1:nth-child(1) { word-break: normal; } /*英文:一行放不下 ...
  • web前端入门到实战:JS-DOM事件
    JS DOM****设置元素属性 设置id为box的这个元素的文字颜色,属性是减号连接的复合形式时 必需要转换为驼峰形式 var box=document.getElementById("box"); box.s ...

暂无数据