1.HTML定义是什么?
超文本标记语言
2.HTML文档的基本结构是什么?
文本声明 HTML标签 头部文件 主体文件
3.标签按照闭合特征怎么分类?按照换行特征又怎么分类?分别举例
单标签 双标签 换行特征:块级元素和内联元素
4.HTML5新增语义化话标签有哪些?新增这些标签有什么使用意义?
有导航标签<nav> <ruby>添加注释 有利于开发和维护
5.举例img标签的使用,以及img标签的常用属性
用于嵌入图片上的使用 src属性 alt属性
6.举例a标签的使用,以及a标签的常用属性
用于控制页面的跳转 target属性 tirtle属性
7.举例列表标签的使用,以及属性的使用(写出你知道的所有列表标签)
属性ul ol dl
8.举例表单与表单元素的使用,尽量列举你知道的表单元素
表单:表单域,表单标签,表单按钮 表单元素:<input>,select
9.你能列出一个或者多个meta标签的使用方式吗?
<meta name=”keywords” content=”关于meta标签>
10.CSS定义是什么?
层叠样式表
11.CSS引入方式有几种?分别举例
内联 内嵌 外导
12.常见浏览器内核有哪些?对于的css前缀是什么
Webkit firefox 有moz-
13.尽可能多的列举你知道的选择器(例如:1.类名选择器 .some-class)
Id选择器 类选择器 通配符等
14.列举常见的设置文本样式的css属性
首行缩进 水平对齐 字间隔 字母间隔 文本转换等
15.Css中display属性的取值分别有哪些?
None block inline
16.Css中表示颜色的方法有哪些?分别解释下
英文单词 十六进制 RGB HSL
17.描述下盒子模型是设计到的css属性有哪些?分别解释下含义
Boder边距 content内容 padding内边距 margin外边距
18.浮动属性怎么设置,以及如何清除浮动?
可以使用float设置 “float:left|right|none” 可以使用clear()清除
19.Css中的自定义动画与过渡动画如何设置,分别举例
自定义动画:@keyframes 过渡动画:transition
20.详细列举下transform属性的使用
Transform属性应用于元素的2D,3D转换。这个属性允许你将元素旋转,缩放,移动,倾斜等。
21.详细列举下css中定位的使用
Static定位 float定位 relative定位 absolute定位
22.你是怎么理解viewPort的,相关的meta标签如何设置
Viewport是用户网页的可视区域
<meta name=”viewport” content=”width=device-widh,initial-scale=1.0
23.简单解释下em/rem/vw/vh这几个单位
Em rem 相对长度单位 vw vh相对视口的宽度和高度
24.flex布局中实现爸爸div(class=’baba’)中子项垂直方向对齐,水平方向均匀分布(空白在内部)的代码是什么
<!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, initial-scale=1.0">
<title>Document</title>
<style>
.baba {
display: flex;
width: 500px;
height: 500px;
align-items: center;
justify-content: space-between;
flex-direction: row;
/* margin-top: 0; */
}
.one {
width: 150px;
height: 150px;
background-color:green;
}
</style>
</head>
<body class="baba">
<div class="one">1</div>
<div class="one">2</div>
<div class="one">3</div>
</body>
</html