HTML
关注
分享
扫一扫
文章平均质量分 73
关于html的知识
summer-7
这个作者很懒，什么都没留下…
展开
-
HTML基本语法
什么是HTMLHTML Hyper Text Markup Language(超文本标记语言) 超文本包括：文字、图片、音频、视频、动画等格式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2021-02-07 14:41:24 · 199 阅读 · 1 评论 -
css四种定位详解并附有代码展示及效果
css定位css定位分为四种不同类型，position的值为static,relative,absolute,fixed1.static （静态定位）它是默认值，元素框正常生成的，top left bottom right这几个偏移属性不会影响其静态定位的正常显示。代码展示<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="vie原创 2021-01-20 16:25:29 · 672 阅读 · 1 评论 -
css高度塌陷及解决方法
css高度塌陷及解决方法为什么会出现高度塌陷？1.父元素高度自适应，子元素 float 后，只要子元素脱离了文档流后，造成父元素高度为0，称为高度塌陷问题。2.在文档流中，父元素的高度默认是被子元素撑开的，也就是子元素多高，父元素就多高。但是当子元素设置浮动之后，子元素会完全脱离文档流，此时将会导致子元素无法撑起父元素的高度，导致父元素的高度塌陷。解决方法1.最简单的解决方式就是给父容器设置一个固定的高度劣处：给父元素设置固定高度后，就不能进行高度自适应2.给父元素也设置浮动劣处：（1）虽原创 2021-01-30 20:41:15 · 416 阅读 · 0 评论 -
盒子模型
盒子模型在使用CSS进行网页布局时，我们一定离不开的一个东西————盒子模型。盒子模型，顾名思义，盒子就是用来装东西的，它装的东西就是HTML元素的内容。或者说，每一个可见的 HTML 元素都是一个盒子，下面所说的盒子都等同于 HTML 元素。这里盒子与 中的盒子又有点不同，这里的盒子是二维的。盒子的组成一个盒子由外到内可以分成四个部分：margin（外边距）、border（边框）、padding（内边距）、content（内容）。会发现margin、border、padding是CSS属性，因此可以原创 2021-02-15 19:45:41 · 248 阅读 · 1 评论