前端
关注
分享
扫一扫
二木成林
这个作者很懒，什么都没留下…
展开
-
【HTML】使用框架导航跳转到指定的节
1、main文件，两个页面<html><frameset cols="20%,80%"> <frame src="HTML框架-使用框架导航跳转指定的节-content.html"></frame><br /> <frame src="HTML框架-使用框架导航跳转指定的节-lin原创 2018-11-10 14:07:01 · 1344 阅读 · 0 评论 -
【CSS】height和line-height的区别
height是指元素自身的高度。line-height是指行间的距离（行高）。原创 2019-10-01 16:25:47 · 406 阅读 · 1 评论 -
calc()无效问题
width:calc(100%-100px);——无法起作用width:calc(100% - 100px);——可以使用了calc()计算中的两个值必须同运算符号之间存在空格，否则不会起作用原创 2019-01-22 16:34:16 · 14319 阅读 · 4 评论 -
CSS单位简述
单位 描述 % 百分比 in 英寸 cm 厘米 mm 毫米 em 1em 等于当前的字体尺寸。2em 等于当前字体尺寸的两倍。例如，如果某元素以 12pt 显示，那么 2em 是24pt。在 CSS 中，em 是非常有用的单位，因为它可以自动适应用户所使用的字体。 ex 一个 ex 是一个字体的 x-height。 (x-he...原创 2019-01-15 18:52:56 · 315 阅读 · 0 评论 -
文件路径
第一种情况：它们在同一个目录里。 - index.html - 功夫熊猫.png <img src="功夫熊猫.png" />第二种情况：图片文件在子目录里。 - index.html + images - 功夫熊猫.png <img src="images/功夫熊猫.png" />第三种情况：index在图...原创 2019-01-20 13:25:23 · 345 阅读 · 0 评论 -
【CSS】如何清除vertical-align属性产生的中间空隙
在使用display:inline-block这个属性的时候，进行行内并排，往往不会按照你预期的方式进行布局排列。下面看看这个例子出现的问题：代码实例：<!DOCTYPE html><html><head> <style type="text/css"> .container { border:3px solid #fd...原创 2018-11-29 21:01:09 · 2706 阅读 · 1 评论 -
【CSS】HTML中如何清理浮动
首先我们看下没有浮动的样式：html代码：<div id="div1"> <div id="blue"></div> <div id="pink"></div></div>css代码：#div1 { background:purple;原创 2018-11-19 19:20:36 · 608 阅读 · 0 评论 -
【HTML】跳转至框架内的一个指定的节
1、主文件<html><frameset cols="20%,80%"> <frame src="HTML框架-跳转至框架内的一个指定的节-a.html"></frame> <frame src="HTML框架-跳转至框架内的一个指定的节-link.html#C4"><原创 2018-11-10 14:57:50 · 1090 阅读 · 0 评论 -
【HTML】导航框架
1、main文件<html><frameset rows="60,*" noresize="noresize"> <frame src="HTML框架-导航框架-实例练习-索引.html" ></frame> <frame src="HTML框架-导航框架-实例练习-1.html"原创 2018-11-10 14:28:11 · 1971 阅读 · 0 评论 -
【笔记】CSS居中布局方法
文字水平和垂直居中的方法：文字水平居中：text-align:center;文字垂直居中：line-height:200px;height:200px;/*将line-height和height设置为一样的值。*/代码示例：<!DOCTYPE html><html><head> <title>文字的水平居中方法...原创 2019-10-01 16:26:05 · 247 阅读 · 0 评论