HTML学习总结
关注
分享
扫一扫
Amanda&Rachel
这个作者很懒，什么都没留下…
展开
-
2020-12-17 html、css面试题3: 水平垂直居中，左右固定中间自适应 三栏布局，静态布局、自适应布局、流式布局、响应式布局、弹性布局，IE中常见的兼容性问题，清空数组的方法
11.如何让一个盒子水平垂直居中1、 如何让一个盒子水平垂直居中①定位：（常用方法,推荐）position:absolute;position:relative;left:值;top:值;②display:table-cell;③外边距：margin-left:值;margin-top:值;④margin:auto;（不兼容低版本的IE浏览器）⑤弹性盒模型：display:flex;justify-content:conter;align-itens:center;⑥用trans原创 2020-12-17 20:42:40 · 524 阅读 · 1 评论 -
2020-12-16 html、css面试题2:flex布局，css 隐藏元素，position定位，BFC，浮动和清除浮动，外边距重叠，防止外边距重叠
6.简述flex布局flex弹性布局，可以简便、完整、响应式地实现各种页面布局, 容器默认存在两根轴：水平的主轴（main axis）和垂直的交叉轴（cross axis）flex-direction：决定主轴的方向row（默认值）：主轴为水平方向，起点在左端。row-reverse：主轴为水平方向，起点在右端。column：主轴为垂直方向，起点在上沿。column-reverse：主轴为垂直方向，起点在下沿。flex-wrap：换行nowrap（默认）：不换行。wrap：换行，第一行在上原创 2020-12-16 18:38:06 · 445 阅读 · 0 评论 -
2020-12-14html、css面试题1:html5CSS3新特性,移除元素,浏览器兼容,区分HTML 和HTML5,行内元素和块级元素的区别,重绘和回流,CSS 选择符,优先级算法,盒模型宽高
1.html5有哪些新特性、移除了哪些元素？如何处理HTML5新标签的浏览器兼容问题？如何区分 HTML 和 HTML5？HTML5是构建web内容的一种语言描述方式，在08年正式发布，12年已形成了稳定的版本。H5新特性有：语义标签、增强型表单、Canvas绘图、地理定位、SVG绘图、拖放API、WebWorker、WebStorage、WebSocket移除了： 1、显现层元素：basefont 、big、center、font、s、strike、tt、u 2、性能较差元素：frame、原创 2020-12-14 20:05:55 · 133 阅读 · 0 评论 -
2020-11-08 HTML5+CSS3新增元素
html5新增figure<figure> --表示一组相关联的内容 <figcaption></figcaption> --内容标题 必须与内容有关系 可以放在第一行 也可以放在最后一行</figure><canvas></canvas> --画布<audio src=""></audio> --音频 支持的格式：MP3 WAV Ogg 属性：src 链接路径文件 loop 结原创 2020-11-08 22:11:26 · 207 阅读 · 0 评论 -
2020-10-28 难点：img的align属性，锚链接，name（名字实现交互）属性，fieldset 分组表单，label标签
一，HTML 标签的 align 属性定义和用法<img>标签的 align 属性定义了图像相对于周围元素的水平和垂直对齐方式。<h2>未设置对齐方式的图像：</h2><p>图像 <img src ="/i/eg_cute.gif"> 在文本中</p><h2>已设置对齐方式的图像：</h2><p>图像 <img src="/i/eg_cute.gif" align="bott原创 2020-10-28 09:44:46 · 723 阅读 · 0 评论 -
2020-10-27 HTML基础知识整理，基础标签及属性
web标准的构成： 结构：html用于描述页面的结构 表现：css用于控制页面中的元素样式 行为：Javascript用于响应用户的操作 html简介： HyperText Markup Language超文本标记语言, 是一种标记语言，而不是编程语言，它是制作网页的基础语言，主要用于描述超文本中内容的显示方式，它不需要编译，可以直接由浏览器执行。html基础结构：<!DOCTYPE html> <html> <head>原创 2020-10-27 22:05:09 · 368 阅读 · 5 评论