![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web前端
文章平均质量分 67
web前端知识
Delete.Q
向上游
展开
-
HTML清除浮动的四种方式
在我们使用html搭建网页时,如果一个父元素中的某个子元素设置浮动后,就会造成父元素的高度塌陷,会导致页面结构混乱。这是因为在文档流中,父元素的高度默认是被子元素撑开的,也就是子元素多高,父元素就多高。但是当为子元素设置浮动以后,子元素会完全脱离文档流,此时将会导致子元素无法撑起父元素的高度,导致父元素的高度塌陷。 由于父元素的高度塌陷了,则父元素下的所有元素都会向上移动,这样将会导致页面布局混乱。例如:<!DOCTYPE html><html lang="en">&l原创 2021-10-02 12:00:50 · 10868 阅读 · 1 评论 -
css优先级机制
css引入方式的优先级内联样式>内部样式>外部引入也就是就近原则,谁距离元素近,谁的优先级就高css选择器优先级!important用于提升某个直接选中标签的选择器中的某个属性的优先级的, 可以将被指定的属性的优先级提升为最高例如:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible原创 2021-09-14 19:30:31 · 60 阅读 · 0 评论 -
HTML水平垂直居中的四种方式
第一种方式是使用margin进行移动水平居中 margin:0 auto;<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, i原创 2021-08-16 18:24:10 · 4102 阅读 · 0 评论 -
html中父子级、兄弟级margin外边距合并问题的解决方法
在默认(标准流)布局的垂直方向上,默认情况外边距是不会叠加的,会出现合并现象。父子级外边距合并例如:我们设置两个div,父容器div中包裹着一个子元素div,给子元素设置一个margin-top:100px。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=原创 2021-08-22 19:33:32 · 701 阅读 · 0 评论 -
HTML基础入门
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言 一、HTML是什么? 二、HTML的特点 总结前言第一次接触HTML,是大三上学期开设的web基础课程,里面不仅介绍了HTML,还有CSS和JS。那是我第一次接触HTML,学起来也很简单。因为它不是一门编程语言,所以并没有像C++和Java那样学起来晦涩难懂,而且我们是边授课边实践的,讲到一个知识点,就要打一个代码例子,所以上手也很快。时间过了也快有一年了,有些知识也遗忘了一些,现在重新整理一遍.原创 2021-08-03 19:20:23 · 417 阅读 · 2 评论