关键字:宽度
  • 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 ...
  • web前端入门到实战:HTML常用meta大全
    HTML常用meta大全 Meta标签是HTML语言head区的一个辅助性标签,它位于HTML文档头部的head标记和title标记之间,它提供用户不可见的信息。 Meta : 即 元数据(Metadata)是数据的数据信息。 元数据可以被 ...
  • 什么是回流,什么是重绘,有什么区别?
    html 加载时发生了什么 在页面加载时,浏览器把获取到的HTML代码解析成1个DOM树,DOM树里包含了所有HTML标签,包括display:none隐藏,还有用JS动态添加的元素等。 浏览器把所有样式(用户定义的CSS和用户代理)解析成 ...
  • HTML + CSS 为何得不到编程界的认可?
    有好多次,别人说我算不上程序员,因为我在用HTML + CSS编程。我非常伤心,因为别人都不认为我是开发人员。我们讨论了好几个小时,网上也有很多关于这个话题的讨论。但仍然还有人否认这一点,那么就让我们在本文中好好探讨一番。 在深入探讨之前, ...
  • d3.js制作条形时间范围选择器
    效果如上图所示。 本项目使用主要d3.js v4制作,可以用来选择两年的时间范围,两端按钮切换年,在时间轴上标注可以选择的时间范围和关键时间点。时间数据可以在前端配置,也可以从后端请求。 此程序相对比较简单,主要涉及d3的比例尺和拖动处理 ...
  • 【前端进阶100天】Day03 CSS属性组成和作用
    今日内容: 1、css属性和属性值的定义 2、css文本属性 3、css列表属性 4、css边框属性 5、css背景属性 6、css浮动属性 一、css属性和属性值的定义 属性:属性是指定选择符所具有的属性,它是css的核心,css2共有1 ...
  • 【前端进阶100天】Day04 css盒模型和文本溢出
    今日内容: 1、认识盒子模型 2、盒子模型的组成部分 3、学习盒子模型的相关元素 margin padding 4、文本溢出相关的属性 一、css属性和属性值的定义 盒模型是css布局的基石,它规定了网页元素如何显示以及元素间相互关系。cs ...
  • 【前端进阶100天】Day05 CSS元素类型
    今日内容: 1、元素类型分类依据和元素类型分类 2、元素类型的转换 3、inline-block元素类型的应用 4、置换和非置换元素的概念和应用案例 一、元素类型分类依据和元素类型分类 根据css显示分类,XHTML元素被分为三种类型:块状 ...

暂无数据