1、如何清除图片下方出现几像素的空白间隙？方法1：img{display:block;} 方法2： img{vertical-align:top;}2、如何让文本垂直对齐文本输入框？input{vertical-align:middle;}3、如何让单行文本在容器内垂直居中？#test{height:25px;line-height:25px;}* 只需设置 …
内联元素
前端在没有引入html、css和js之前就是一张空白的浏览器界面白纸。而也正因为引入了html、css和js，这张白纸逐渐发生变化，发生质变。从白纸变成为五颜六色的水彩画，再从水彩画变为形态各异的动画，再从动画变为在时间上可以感知变化的场景。是的此时的白纸已经不再是一尘不染的白纸而是一个场景，一个可以和人进行复杂交互的场景，这个场景产生了各种事件。而前端攻城 …
CSS 过去只有四个你需要知道的视口单元，它们几乎可以涵盖所有可以想象的用例。 然而，随着时间的推移和技术的变化，这四个视口单元不再足以处理所有用例。 由于CSS 增加了 20 个视口单元，这听起来很多，但它们被分解为六个主要的视口单元，并带有三个独特的修饰符，总共有 24 种组合。主要的4种视口单元主要的 CSS 视口单位是 vw、vh、vmin 和 vm …
1. 流式定位这是网页元素默认的定位方式，网页元素按照其HTML标签的先后顺序，在网页内依次显示，就像液体一样“流动”，所以称为“流式定位”，这种方式将所有网页元素的默认显示方式分为以下几种类型：块级元素（display: block）： 可以设置宽度，默认宽度为100%，但不管多宽都会独占一行，多个块级元素按从上到下的顺序纵向显示，默认显示为块级元素的包括 …
css清除浮动1.需要清除浮动的原因清除浮动主要是为了解决，父元素因为子级元素浮动引起的内部高度为0的问题2.清除浮动的方法1,额外标签法（在最后一个浮动标签后，新加一个标签，给其设置clear：both；）Document.fahter{width: 400px;border: 1px solid deeppink;}.big{width: 200px;h …
文章目录HTML入门一、HTML概述1、概述2、入门示例3、书写规范二、HTML标签1、正文标题 ` 至 `2、水平线 ``3、换行 ``4、段落 ``5、超链接 ``6、图片 ``7、列表 `` 和 ``8、区块 `` 和 ``9、字符实体三、HTML表格1、基本表格2、表格合并3、案例：学生成绩表四、HTML表单HTML入门一、HTML概述1、概述HTM …
1.请解释一下CSS3的flexbox（弹性盒布局模型）,以及适用场景？display:flex; 在父元素设置，子元素受弹性盒影响，默认排成一行，如果超出一行，按比例压缩 flex:1; 子元素设置，设置子元素如何分配父元素的空间，flex:1,子元素宽度占满整个父元素align-items:center 定义子元素在父容器中的对齐方式，center 垂直 …
大家好，我是大澈！今天又是一起复盘Html基础的一天，兄弟们，走起。一、按语义分类根据元素的语义定义，HTML元素可以分为：文档结构元素、文本内容元素、多媒体元素、表单元素、表格元素。主要是记住元素分类，元素了解即可，并记住几个典型常用的。1、文档结构元素：用于定义页面的整体结构。：根元素，包含整个 HTML 文档。：包含元数据（如标题、样式表、脚本等）。： …
你好，我是坚持分享干货的 EarlGrey，翻译出版过《Python编程无师自通》、《Python并行计算手册》等技术书籍。如果我的分享对你有帮助，请关注我，一起向上进击。脚本地址：https:greasyfork.orgzh-CNscripts486211这是一个用于 Tampermonkey 或其他支持用户脚本的浏览器扩展的油猴脚本。看到论坛经常有小伙伴 …
使用语义化代码更直观，而且更方便SEO优化。但是此HTML5新标签在IE6IE7IE8上并不能识别，需要进行JavaScript处理。以下就介绍几种方式。方式一：Coding JavaScript如果是IE9以下的IE浏览器将创建HTML5标签， 这样非IE浏览器就会忽视这段代码，也就不会有无谓的http请求了。方法二：使用Google的html5shiv包 …