前端学习
文章平均质量分 64
偿我平生愿
这个作者很懒,什么都没留下…
展开
-
内联元素设置padding和margin
内联元素无法设置宽高(img,input等替换元素除外),其大小取决于内容,被内容撑开。那么,padding和margin的设置对内联元素是否有效? 首先来看一下内联元素设置padding是否有效 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> spa原创 2022-01-26 21:18:48 · 1423 阅读 · 0 评论 -
CSS line-height与行内框
line-height(行高),其定义为文本行基线之间的垂直距离。仅从字面意思和定义很难理解line-height有什么用,改变了什么,需要明白基线、行内框、行框以及盒子模型。 基线 html中的文本都是放在这种类似“四线三格”结构中的。 黑线为顶线,红线为中线 ...原创 2022-01-26 11:34:01 · 501 阅读 · 0 评论 -
HTML块级元素与行内元素
块级元素和行内元素的区别主要体现为二者在文档流中的特点不同。因此首先要知道文档流是什么。 文档流 文档流,简单来说就是元素在页面按照从上到下,从左到右的流式排列。 块级元素: 块级元素总是在新的一行上开始,即每个块级元素独占一行 宽度(width),高度(height),行高(line-height),外边距(margin),边框(border),内边距(padding)都是可以设置的,宽度默认为父元素的100%,默认高度取决于子元素将盒子撑开多少。 ...原创 2022-01-11 11:25:46 · 234 阅读 · 0 评论