html
文章平均质量分 53
萌新小吉
前端萌新成长历程
展开
-
盒子水平垂直居中方法
<div class="box"> <div class="container"></div> </div>方法一:div使用绝对布局,设置margin:auto;并设置top、left、right、bottom的值相等即可,不一定要都是0。.container{ margin: auto; position: absolute; top: 0; left: 0; right: 0; bottom: 0;.原创 2022-04-08 16:20:42 · 1126 阅读 · 0 评论 -
BFC是什么
BFC是什么?相信很多人看到这个名词都会很疑惑,BFC到底是什么东西,其实很简单,BFC在某种程度上,就是一个盒子。为什么这么说呢?BFC(Block formatting context)直译为"块级格式化上下文"。它是一个独立的渲染区域,只有Block-level box参与, 它规定了内部的Block-level Box如何布局,并且与这个区域外部毫不相干。 换句话说BFC就是页面上的一个隔离的独立容器,容器里面的子元素不会影响到外面的元素。BFC的规则:内部的Box会在垂直原创 2022-04-08 16:03:02 · 106 阅读 · 0 评论 -
样式优先级
一、样式优先级优先级怎么计算:样式的优先级是根据权重来计算的 权重从左向有依次比较,谁的权重较大,谁的优先级就更高优先级:!import > 行内样式 > ID选择器 > 类选择器=伪类选择器=属性选择器 > 标签选择器=伪元素选择器选择器 权重 行内样式 1,0,0,0 ID选择器 0,1,0,0 类选择器,伪类选择器,属性选择器 0,0,1,0 标签选择器,伪元素选择器 0,0,0,1 其他选择器...原创 2022-04-08 15:49:39 · 2047 阅读 · 0 评论 -
浮动是什么?怎么清除浮动?
一、浮动是什么通过浮动可使一个元素向其父元素的左侧或右侧移动 float:left; 左侧移动,对齐 float:right; 右侧移动,对齐 注:设置浮动之后会脱离文档流,不再在文档中占用位置 二、清除浮动1.为什么要清除浮动清除浮动主要是为了解决,父元素因为子级元素浮动引起的内部高度为0的问题注:如果我们清除了浮动,父元素自动检测子盒子最高的高度,然后与其同高2.怎么清除浮动清除浮动常用的方法有四种:额外标签法 父级..原创 2022-04-08 15:32:41 · 248 阅读 · 0 评论 -
盒子模型(就是这么简单)
一、盒子模型有哪些W3C盒子模型(标准盒子模型) iE盒子模型(怪异盒子模型)二、W3C盒子模型(标准盒子模型)标准模式下,一个块的宽度 = width+padding(内边距)+border(边框)+margin(外边距);W3C模型中: CSS中的宽(width)=内容(content)的宽 CSS中的高(height)=内容(content)的高三、iE盒子(怪异盒子模型)怪异模式下,一个块的宽度 = width+margin(外边距)原创 2022-04-08 15:06:12 · 154 阅读 · 0 评论 -
HTML语义化
一、什么是HTML语义化什么的HTML语义化,顾名思义,HTML语义化就是可以不通过了解HTML的内容,就可以知道这个部分所代表的的意义。HTML语义化的意义:在使用HTML标签构建页面时,避免大篇幅的使用无语义的标签。二、什么是HTML语义化标签语义化标签比较容易理解:简单举一个例子就很容易理解:<p></p> //代表这是一行文字语义化标签优势:利于页面内容结构化、利于无CSS页面可读、利于seo、利于代码可读三、常见语义化标签<原创 2022-04-08 14:36:48 · 4106 阅读 · 0 评论 -
HTML以及HTML5学习总结
目录第一章 HTML1.HTML基础(1)什么是HTML(2)HTML标签(3)HTML元素(4) 声明2.HTML的基本标签3、段落与文字(1)、段落和文本标签(2)、网页特殊符号(3)、自闭合标签(4)、块元素和行内元素4、列表(1)、有序列表(2)、无序列表(3)、自定义列表5、表格(1)、表格标签(2)、表格基本结构(3)、合并行和合并列6、图像(1)、图像标签(2)、相对路径和绝对路径(3)、图片格..原创 2021-10-19 00:06:57 · 847 阅读 · 0 评论