当前位置: 首页 > news >正文

前端笔试,校招内容。

html常见题目(包括基础知识):

 

1、div和span的区别:

:div是块级元素的代表,每个块级元素独占一行,在不设置宽高的情况下默认宽度是父元素的100%;

 span是行内元素的代表,行内元素与其他行内元素共享一行,默认情况狭隘的宽度由内容自适应。

 

2、position的几种值与特点

absolute:绝对定位(参照距离元素最近的已定位的父元素的位置偏移,并且元素原来的位置不再保留)

relative:相对定位(参照元素原来的位置偏移,元素原来的位置保留)

fixed:固定定位,元素相对于浏览器窗口进行定位

static:为position的缺省值,默认为没有定位

 

3、怎样使宽为200px,高为200px层垂直居中于浏览器中,写出CSS样式。

position: absolute;

left:50%;

top: 50%;

margin-top: -100px;

margin-left: -100px;

/* -100是因为div本身有长度和宽度,所以要将长宽考虑进去才能居中 ,这也叫补丁赋值*/

  

4、html中常见的块级元素和行内元素

· 块级元素:高度,行高,以及外边距和内边距都可控制,不设置宽度则宽度默认为容器的100%,可以容纳内联元素和其他块元素

- 常见的块级元素有:<div> <dl><dt><header><footer><form><h1><h2><h3><h4><h5><h6><hr><li><ol><ul><nav><p><table><tbody><th><tr>

· 行级元素:和其他元素都在一行上,高,行高及外边距和内边距都不可改变,(设置宽度无效,高度无效,可以通过line-height来设置,只能设置左右margin和左右padding)只能容纳文本或者其他内联元素。

- 常见的行内元素有:<a><b><br><button><i><img><input>

 

5、CSS盒模型

margin外边距 ; border边框 ;padding 内边距; content:内容

CSS3新增box-sizing属性,用于更改计算元素宽度和高度的默认的CSS盒子模型

相关文章:

  • kbone,十分钟让 Vue 项目同时支持小程序
  • Vue 3 对 Web 应用性能的改进
  • 35 道咱们必须要清楚的 React 面试题
  • Tab切换以及缓存页面处理的几种方式
  • 11月5日发布 9个项目助你在2020年成为前端大师!
  • async/await 原理及执行顺序分析
  • 微信授权就是这个原理,Spring Cloud OAuth2 授权码模式
  • 10 个常问的 JS 面试题
  • rem使用配置
  • 使用 netlify 部署你的前端应用
  • 腾讯CDC团队:前端异常监控解决方案
  • 403- JavaScript 工具函数大全(新)
  • vue学习之深入响应式原理
  • 使用proxy实现一个双向绑定
  • 最全的 Vue 性能优化指南,经典收藏
  • [deviceone开发]-do_Webview的基本示例
  • [iOS]Core Data浅析一 -- 启用Core Data
  • 11111111
  • Angular6错误 Service: No provider for Renderer2
  • co.js - 让异步代码同步化
  • Druid 在有赞的实践
  • JavaScript 基本功--面试宝典
  • JavaScript创建对象的四种方式
  • Java程序员幽默爆笑锦集
  • Java读取Properties文件的六种方法
  • Laravel Mix运行时关于es2015报错解决方案
  • Median of Two Sorted Arrays
  • VUE es6技巧写法(持续更新中~~~)
  • vue-cli在webpack的配置文件探究
  • 基于axios的vue插件,让http请求更简单
  • 基于Javascript, Springboot的管理系统报表查询页面代码设计
  • 紧急通知:《观止-微软》请在经管柜购买!
  • 前端相关框架总和
  • 微信小程序设置上一页数据
  • 消息队列系列二(IOT中消息队列的应用)
  • ​ArcGIS Pro 如何批量删除字段
  • #define
  • #define,static,const,三种常量的区别
  • (3)(3.5) 遥测无线电区域条例
  • (Ruby)Ubuntu12.04安装Rails环境
  • (二)WCF的Binding模型
  • (六)c52学习之旅-独立按键
  • (转)JAVA中的堆栈
  • (转)甲方乙方——赵民谈找工作
  • .bat批处理(九):替换带有等号=的字符串的子串
  • .net core webapi 大文件上传到wwwroot文件夹
  • .NET Framework Client Profile - a Subset of the .NET Framework Redistribution
  • .Net 代码性能 - (1)
  • .NET/C# 检测电脑上安装的 .NET Framework 的版本
  • .NET精简框架的“无法找到资源程序集”异常释疑
  • .net网站发布-允许更新此预编译站点
  • [AIGC] SQL中的数据添加和操作:数据类型介绍
  • [AMQP Connection 127.0.0.1:5672] An unexpected connection driver error occured
  • [BZOJ] 3262: 陌上花开
  • [BZOJ2850]巧克力王国