1.行内元素和块级元素?img算什么?行内元素怎么转化为块级元素?

行内元素:和有他元素都在一行上,高度、行高及外边距和内边距都不可改变,文字图片的宽度不可改变,只能容纳文本或者其他行内元素;其中img是行元素

块级元素:总是在新行上开始,高度、行高及外边距和内边距都可控制,可以容纳内敛元素和其他元素;

行元素转换为块级元素方式:display:block;

2.将多个元素设置为同一行?清除浮动有几种方式?

将多个元素设置为同一行:float,inline-block

清除浮动的方式:方法一:添加新的元素 、应用 clear:both;

方法二:父级div定义 overflow: hidden;

方法三:利用:after和:before来在元素内部插入两个元素块,从面达到清除浮动的效果。

.clear{zoom:1;}

.clear:after{content:””;clear:both;display:block;height:0;overflow:hidden;visibility:hidden;}

3.怪异盒模型box-sizing?弹性盒模型|盒布局?

在标准模式下的盒模型:盒子总宽度/高度=width/height+padding+border+margin

在怪异模式下的盒模型下,盒子的总宽度和高度是包含内边距padding和边框border宽度在内的,盒子总宽度/高度=width/height + margin = 内容区宽度/高度 +

html不同域名显示不同内容,前端基础面试题(HTML+CSS部分)相关推荐

  1. 前端基础面试题(HTML + CSS)

    前端基础面试题(HTML + CSS) 1.行内元素和块级元素?img算什么?行内元素怎么转化为块级元素? 行内元素:和有他元素都在一行上,高度.行高及外边距和内边距都不可改变,文字图片的宽度不可改变 ...

  2. css手型指针_前端基础面试题(HTML+CSS部分)

    1.行内元素和块级元素?img算什么?行内元素怎么转化为块级元素? 行内元素:和有他元素都在一行上,高度.行高及外边距和内边距都不可改变,文字图片的宽度不可改变,只能容纳文本或者其他行内元素:其中im ...

  3. css视频教程面试题,前端基础面试题(CSS类)

    一.用几种方式实现水平垂直居中 1.居中元素定宽高(其中像素都代表居中元素高度的一半) absolute + 负margin .parent{ position: relative; } .child ...

  4. 前端基础面试题(JS部分)

    1.几种基本数据类型?复杂数据类型?值类型和引用数据类型?堆栈数据结构? 基本数据类型:Undefined.Null.Boolean.Number.String 值类型:数值.布尔值.null.und ...

  5. 前端基础(HTML、CSS、JS)

    前端基础(HTML.CSS.JS) 1 HTML 1.1 文件标签 1.2 排版标签 1.3 字体标签 1.4 列表标记 1.4.1 有序列表 1.4.2 无序列表 1.5 图片标签 1.6 超链接标 ...

  6. 前端基础:100道CSS面试题总结

    前言 CSS 是层叠样式表(Cascading Style Sheets)的简称.CSS 主要作用是美化网页.布局页面.CSS 规则主要由两个主要部分构成:选择器及一条或多条声明.在前端基础面试中,C ...

  7. 前端基础面试题大全-极乐科技(一)-JS部分

    2019独角兽企业重金招聘Python工程师标准>>> #JS部分 ###1.几种基本数据类型?复杂数据类型?值类型和引用数据类型?堆栈数据结构? 基本数据类型:Undefined. ...

  8. 2023前端基础面试题

    第一章 面试题基础篇 ​ 1.1 HTML面试题 ​ 面试题:行内元素有哪些?块级元素有哪些? 空(void)元素有哪些? 行内元素:span.img.input... 块级元素:div.footer ...

  9. WebGIS开发学习总结(一)前端基础:HTML、CSS

    一.HTML基础 1.基本结构 <!DOCTYPE html> <html> <head> <meta charset="utf-8"&g ...

最新文章

  1. 深入理解 wpa_supplicant(三)
  2. 苏黎世华人博士提出模型SwinIR,只用33%的参数量就碾压图像修复领域sota
  3. 在R中调用Java代码
  4. 魔法一样隔空在屏幕写字,捏起手指就能实现!在线可玩
  5. 用xlg.tel来管理自己
  6. 创建oracle数据库表空间并分配用户
  7. Python中的高级数据结构
  8. 利用人工智能提升团队包容性
  9. 易乐游无盘服务器缓存设置,易乐游缓存设置图文教程
  10. 从Oracle到PostgreSQL:Storage Index 特性 vs BRIN 索引
  11. Intel 64/x86_64/IA-32/x86处理器 - SIMD指令集 - SSE扩展(5) - 算术指令
  12. Android继承AppCompatActivity实现全屏设置
  13. 百度拥抱年轻人,53 岁张亚勤成退休第一人!
  14. matlab实现直方图均衡化
  15. shell脚本使用getopts自定义传入参数选项
  16. 现实世界的Windows Azure:采访Gizmox 研发中心的副总裁Itzik Spitzen先生
  17. armstrong number in python_Python3 From Zero——{最初的意识:008~初级实例演练}
  18. Codesys数据结构:1.1 标准数据类型
  19. 相关性热图绘制教程(origin绘制,无须R语言)
  20. 刚来10天,这个程序员要被逼跳楼了...

热门文章

  1. 数字图像处理:图像金字塔
  2. [数据结构][Python][经典题目]明星问题
  3. python求梅森尼数_梅森尼数
  4. 梅森公式的形式和应用
  5. JAVA梅森旋转随机算法_伪随机数生成算法-梅森旋转(Mersenne Twister/MT)
  6. 人际沟通交流技巧(转)
  7. 【最短路】CF545E Paths and Trees
  8. Leetcode动态规划题解1——两要素和解题步骤
  9. MyBatis 的基本工作原理
  10. 第三方邮件、短信服务