html不同域名显示不同内容,前端基础面试题(HTML+CSS部分)
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部分)相关推荐
- 前端基础面试题(HTML + CSS)
前端基础面试题(HTML + CSS) 1.行内元素和块级元素?img算什么?行内元素怎么转化为块级元素? 行内元素:和有他元素都在一行上,高度.行高及外边距和内边距都不可改变,文字图片的宽度不可改变 ...
- css手型指针_前端基础面试题(HTML+CSS部分)
1.行内元素和块级元素?img算什么?行内元素怎么转化为块级元素? 行内元素:和有他元素都在一行上,高度.行高及外边距和内边距都不可改变,文字图片的宽度不可改变,只能容纳文本或者其他行内元素:其中im ...
- css视频教程面试题,前端基础面试题(CSS类)
一.用几种方式实现水平垂直居中 1.居中元素定宽高(其中像素都代表居中元素高度的一半) absolute + 负margin .parent{ position: relative; } .child ...
- 前端基础面试题(JS部分)
1.几种基本数据类型?复杂数据类型?值类型和引用数据类型?堆栈数据结构? 基本数据类型:Undefined.Null.Boolean.Number.String 值类型:数值.布尔值.null.und ...
- 前端基础(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 超链接标 ...
- 前端基础:100道CSS面试题总结
前言 CSS 是层叠样式表(Cascading Style Sheets)的简称.CSS 主要作用是美化网页.布局页面.CSS 规则主要由两个主要部分构成:选择器及一条或多条声明.在前端基础面试中,C ...
- 前端基础面试题大全-极乐科技(一)-JS部分
2019独角兽企业重金招聘Python工程师标准>>> #JS部分 ###1.几种基本数据类型?复杂数据类型?值类型和引用数据类型?堆栈数据结构? 基本数据类型:Undefined. ...
- 2023前端基础面试题
第一章 面试题基础篇 1.1 HTML面试题 面试题:行内元素有哪些?块级元素有哪些? 空(void)元素有哪些? 行内元素:span.img.input... 块级元素:div.footer ...
- WebGIS开发学习总结(一)前端基础:HTML、CSS
一.HTML基础 1.基本结构 <!DOCTYPE html> <html> <head> <meta charset="utf-8"&g ...
最新文章
- 深入理解 wpa_supplicant(三)
- 苏黎世华人博士提出模型SwinIR,只用33%的参数量就碾压图像修复领域sota
- 在R中调用Java代码
- 魔法一样隔空在屏幕写字,捏起手指就能实现!在线可玩
- 用xlg.tel来管理自己
- 创建oracle数据库表空间并分配用户
- Python中的高级数据结构
- 利用人工智能提升团队包容性
- 易乐游无盘服务器缓存设置,易乐游缓存设置图文教程
- 从Oracle到PostgreSQL:Storage Index 特性 vs BRIN 索引
- Intel 64/x86_64/IA-32/x86处理器 - SIMD指令集 - SSE扩展(5) - 算术指令
- Android继承AppCompatActivity实现全屏设置
- 百度拥抱年轻人,53 岁张亚勤成退休第一人!
- matlab实现直方图均衡化
- shell脚本使用getopts自定义传入参数选项
- 现实世界的Windows Azure:采访Gizmox 研发中心的副总裁Itzik Spitzen先生
- armstrong number in python_Python3 From Zero——{最初的意识:008~初级实例演练}
- Codesys数据结构:1.1 标准数据类型
- 相关性热图绘制教程(origin绘制,无须R语言)
- 刚来10天,这个程序员要被逼跳楼了...