1.HTML定义是什么?
//超文本标记语言(hyper text makeup language)描述网页的一种语言,
//不是一种编程语言,而是一种标记语言
// 2.HTML文档的基本结构是什么?
//头部<head>和主体<body>
// 3.标签按照闭合特征怎么分类?按照换行特征又怎么分类?分别举例
//闭合特征:闭合标签(如<p></p>)和空标签(如<input>)
//换行特征:块级元素和内联元素
// 4.HTML5新增语义化话标签有哪些?新增这些标签有什么使用意义?
//<header>定义了文档的头部区域,在一个文档中可以定义多个<header>元素。它是块元素
//<footer>定义文档页脚,它不只是页面的最底部,在文档中也可以定义多个。
//<article>定义页面独立的内容区域,标签定义的内容本身必须是有意义且必须独立于文档的其他部分,可用在的地方:博客文章,新闻,评论等。
//<aside>定义页面的侧边栏内容
//<time>定义时间或日期,time标签中的datetime属性定义的时间不会被显示,但可能被其他应用使用
//<ruby>加注释,ruby标签有两个子元素,rt注释的内容,rp是该标签不显示时显示的文字
//<details>用于描述文档或者文档某一部分细节,summary是details元素的标题
//<mark>定义带有几号的文本,它会给你想要突出显示的文本加个 背景色
//<nav>定义导航栏
//<progress>progress显示数据的进度,属性value指定当前值,max最大值,最小值0不用设置
//<section>section一般有两个作用,1.定义文档中的节,和div类似。2.定义文章,这时一般带有标题
//<video>定义视频,属性src引入资源,controls视频的控制控件
//<audio>该标签可定义声音,及其他的音频文件,不加controls不显示音频的控制界面
//<datalist>提示可能的值,datalist及其选项不会被显示出来,它仅仅是合法输入值的列表使用input元素的list属性来邦定datalist,下面选项使用option定义
//<embed>定义插入的内容,如插件,flash,标签中间不要加内容会显现出来
//<canvas>canvas画布只是个容器,你可以通过控制坐标在canvas上绘制图形,一般配合js可以实现非常复杂的动画效果
// 5.举例img标签的使用,以及img标签的常用属性
//< img > 标签用于定义html页面中的图像,可以拥有多个属性,属性之间没有顺序,属性和属性中间均以空格分开,
// <img src="图像url" />(img意味image,图像;src为img标签的必须属性,用于指定图像文件的路径和文件名)
// 6.举例a标签的使用,以及a标签的常用属性
// <a href="跳转目标" target="目标窗口的弹出方式"> 文本或者图像 </a>(单词a相当于anchor,锚的意思)
// href用于链接目标的url地址,具有超链接功能;target指定链接页面打开方式,其中_self为默认值,_blank在新窗口中打开方式
// 7.举例列表标签的使用,以及属性的使用(写出你知道的所有列表标签)
//无序列表:<ul><li></li></ul>
//有序列表:<ol><li></li></ol>
//自定义列表:<dl>
//<dt>定义项目/名字</dt>
//<dd>描述项目/名字</dd>
//</dl>
// 8.举例表单与表单元素的使用,尽量列举你知道的表单元素
//表单:表单域、表单标签、表单按钮
//<input>表单元素;select下拉表单元素
// 9.你能列出一个或者多个meta标签的使用方式吗?
//<meta name="keywords" content="关于meta标签">
//<meta name="description" content="HTML中<meta>标签如何正确使用">
// 10.CSS定义是什么?
//css用于设置html页面的文本内容(字体、大小、对齐方式等、图片的外形(宽、高、边框样式、边距等)
//以及版面的布局和外观显示样式。html做结构,css做样式
// 11.CSS引入方式有几种?分别举例
//行内样式表(行内式)
//内部样式表(嵌入式)
//外部样式表(链接式)
// 12.常见浏览器内核有哪些?对于的css前缀是什么
//mozilla内核 (firefox,flock等) -moz;webkit内核(safari,chrome等) -webkit;opera内核(opera浏览器) -o;trident内核(ie浏览器) -ms
// 13.尽可能多的列举你知道的选择器(例如:1.类名选择器 .some-class)
//基础选择器:标签选择器;id选择器;通配符选择器;
//复合选择器:后代选择器;子代选择器;并集选择器;链接伪类选择器; :focus选择器
// 14.列举常见的设置文本样式的css属性
//color文本颜色;text-align文本对齐;text-indent文本缩进;text-decoration文本修饰;line-height:行高;
// 15.Css中display属性的取值分别有哪些?
//none 此元素不会被显示。
//block 此元素将显示为块级元素,此元素前后会带有换行符。
//inline-block 行内块元素
// 16.Css中表示颜色的方法有哪些?分别解释下
//color_name:规定颜色值为颜色名称的颜色(比如 red)
//hex_number:规定颜色值为十六进制值的颜色(比如 #ff0000)
//rgb_number:规定颜色值为 rgb 代码的颜色(比如 rgb(255,0,0))
// 17.描述下盒子模型是设计到的css属性有哪些?分别解释下含义
//border:边框;content内容;padding:内边距;margin:外边距;
// 18.浮动属性怎么设置,以及如何清楚浮动?
//css的浮动是float属性,该属性没有继承性,默认值为none,该属性有四个值:right:向右浮动;left:向左浮动;none:没有浮动;inherit:规定继承父元素的浮动
// 19.Css中的自定义动画与过渡动画如何设置,分别举例
//过渡动画:它就是transition,所谓的过渡效果,指的就是以动画的形式慢慢演化样式属性变化的过程;(transition: transition-property(需要过渡的属性) transition-duration(过渡的时间) transition-timing-function(过渡的方式) transition-delay(延迟的时间) )
//自定义动画:
// 20.详细列举下transform属性的使用
//Transform属性应用于元素的2D或3D转换。这个属性允许你将元素旋转,缩放,移动,倾斜,透视等
// 21.详细列举下css中定位的使用
//static定位(普通流定位) ;float定位(浮动定位)例:float:left;relative定位(相对定位) position:relative;absolute定位(绝对定位) position:absolute;
// 22.你是怎么理解viewPort的,相关的meta标签如何设置
//viewport 是用户网页的可视区域。<meta name="viewport" content="width=device-width, initial-scale=1.0">
// 23.简单解释下em/rem/vw/vh这几个单位
//em作为font-size的单位时,其代表父元素的字体大小,em作为其他属性单位时,代表自身字体大小——MDN
//rem作用于非根元素时,相对于根元素字体大小;rem作用于根元素字体大小时,相对于其出初始字体大小——MDN
//vw : 视口宽度的 1/100;vh :视口高度的 1/100 —— MDN
// 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>