![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html
江遇521
这个作者很懒,什么都没留下…
展开
-
如何居中div?如何居中一个浮动元素?如何让绝对定位的div居中?
如何居中div?如何居中一个浮动元素?如何让绝对定位的div居中? 给div设置一个宽度,然后设置元素的左右外边距为 auto,比如,margin:0px auto。则可以实现 div 居中显示。 对于浮动元素,设置其左右外边距为关键字 auto 是无效的。此时,如果需要设置其居中显示,可以: 1、 精确计算其左外边距并进行设置,实现居中显示; 2、 使用一个居中显示的 div 元素包含此浮动元素, ...原创 2020-09-14 14:31:48 · 691 阅读 · 0 评论 -
CSS一些基本问题总结
一、box-sizing属性介绍 含义: box-sizing 是用来设置盒模型的尺寸 属性: box-sizing: border-box; 总宽高不包含padding和border box-sizing: content; 总宽高包含padding和border 二、标准的CSS的盒子模型?与低版本IE的盒子模型有什么不同的? CSS盒子模型: 外边距(margin) 内边距(padding) 边框(border) 内容区(width、height) CSS盒子模型与低版本IE的盒子模型的原创 2020-09-09 08:45:29 · 221 阅读 · 0 评论 -
如何用css画一个三角形
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document&l原创 2020-09-09 08:22:08 · 350 阅读 · 0 评论 -
box-sizing属性介绍
1.盒子模型尺寸基准有两种,分别是content-box和border-box (默认是content-box) 2.理论上说,content-box与border-box区别是两者的盒子的宽度是否包含表框和内边距。原创 2020-09-09 08:11:29 · 236 阅读 · 0 评论 -
你对line-height是如何理解的?
line-height是用来bai设置字体的行高,可以理解为设置文字高度du的占位大小,单位可以是数字zhi,或者像素dao 数字:更具文字的大小来决定 1.5相当于文字大小的1.5倍 像素:就是通常的px大小了原创 2020-09-08 09:58:22 · 485 阅读 · 0 评论 -
浏览器是怎么解析CSS选择器的?
CSS选择器的解析是从右向左解析的。若从左向右的匹配,发现不符合规则,需要进行回溯,会损失很多性能。若从右向左匹配,先找到所有的最右节点,对于每一个节点,向上寻找其父节点直到找到根元素或满足条件的匹配规则,则结束这个分支的遍历。两种匹配规则的性能差别很大,是因为从右向左的匹配在第一步就筛选掉了大量的不符合条件的最右节点(叶子节点),而从左向右的匹配规则的性能都浪费在了失败的查找上面。而在 CSS 解析完毕后,需要将解析的结果与 DOM Tree 的内容一起进行分析建立一棵 Render Tree,最终用来进原创 2020-09-08 09:35:19 · 713 阅读 · 0 评论 -
Html前段基础知识笔记
1、标题标签h## 单词缩写: head 头部. 标题 title 文档标题 为了使网页更具有语义化,我们经常会在页面中用到标题标签,HTML提供了6个等级的标题,即 标题标签语义: 作为标题使用,并且依据重要性递减 其基本语法格式如下: 显示效果如下: 标题文本 标题文本 标题文本 标题文本 标题文本 标题文本 小结 : 加了标题的文字会变的加粗,字号也会依次变大 一行是只能放一个标题的 2、段落标签p 单词缩写: paragraph 段落 [ˈpærəgræf] 无原创 2020-09-06 11:03:41 · 251 阅读 · 0 评论