前端基础-HTML
前端基础HTML知识总结
我有一个梦!
努力拼搏,坚持不解!
展开
-
前端面经-HTML部分(持续更新中)
目录1、主流浏览器有哪些以及它的内核?2、Doctype的作用。3、div+css 的布局较 table 布局有什么优点?4、img 的 alt 与 title的作用。5、请谈一下你对网页标准和标准制定机构重要性的理解。6、请谈一下你对微格式的理解。7、超链接访问过后 hover 样式就不出现的问题是什么?如何解决?8、简述一下块级元素和行内元素特点以及它们的区别。9、HTML语义化的好处。10、iframe的优缺点。11、meta标签的作用是什么?有哪些常见的meta标签?12、HTML5新特性。13、l原创 2020-06-29 18:47:09 · 218 阅读 · 0 评论 -
CSS3实现背景色一半红一半白
需求给定一个div的宽度和高度,设置它的背景,使它的背景色一半是红色,一半是白色。分析可以使用CSS3中的渐变来实现这个需求。代码废话不多说,直接上代码了。<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />原创 2020-06-23 18:01:00 · 17081 阅读 · 2 评论 -
三栏布局的实现方式
三栏布局一般指左右两栏宽度固定,中间栏宽度自适应的布局。如下图所示。当浏览器窗口的宽度发生变化时,中间部分也会跟着自适应改变。接下来,将介绍几种实现它的方式。1、使用绝对定位布局<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1原创 2020-06-20 16:22:23 · 189 阅读 · 0 评论 -
CSS外边距重叠
1、什么是外边距重叠margin-college称作外边距重叠。在CSS中,相邻的两个盒子(可能是兄弟关系或者祖先关系)的外边距可以结合成一个单独的外边距。这种合并外边距的方式被称为折叠,因而所结成的外边距称为折叠外边距。2、外边距重叠的例子首先我们准备两个div盒子(兄弟关系),代码如下所示。<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta n原创 2020-06-19 12:34:38 · 419 阅读 · 0 评论 -
div水平垂直居中的实现方式
前提在面试的时候,面试官可能会问到如何让一个div水平垂直居中呢?接下来我将为大家列举常见的几种方法来实现它。准备首先准备一个父盒子和一个子盒子,并给它们添加一下样式,方便我们观察。HTML代码<div class="parent"> <div class="son"></div></div>CSS代码.parent { wid...原创 2020-06-18 08:49:15 · 400 阅读 · 0 评论 -
清除浮动的几种方法
为什么要清除浮动?清除浮动主要是为了解决父元素因为子元素浮动而引起高度为0的问题。一个需要清除浮动的例子<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>清除浮动的常见用法</title> <style> .box {...原创 2020-06-17 15:57:55 · 170 阅读 · 0 评论 -
div水平居中的几种方法
前提在面试的时候,面试官可能会问到如何让一个div水平垂直居中呢?接下来我将为大家列举常见的几种方法来实现它。准备首先准备一个父盒子和一个子盒子,并给它们添加一下样式,方便我们观察。HTML代码<div class="parent"> <div class="son"></div></div>CSS代码.parent { wid...原创 2020-06-17 15:57:02 · 38122 阅读 · 2 评论