随笔分类 -  html

边距重叠的三种情况
摘要：表现： 阅读全文
posted @ 2019-03-27 09:14 枫叶布 阅读(980) 评论(0) 推荐(0) 编辑
竖直方向三栏布局
摘要：上下固定宽度100px；中间部分自适应 方案一：绝对定位方式 注意html和body需要设置height：100% ，自适应部分需要进行上下同时定位 方案二：flex布局 注意html和body需要设置height：100% ，父元素设置display:flex 及规定排列方向 flex-direc 阅读全文
posted @ 2018-09-12 10:58 枫叶布 阅读(929) 评论(0) 推荐(0) 编辑
水平方向三栏布局
摘要：高度已知，左右宽度固定为200px，中间自适应。 方案一：浮动 此方式注意一点：书写div时，中间自适应的部分，写在left和right之后 方案二：绝对定位 注意center的定位需同时进行左右定位 方案三：flex布局 父级使用display:flex；定宽的直接给width设置为固定值；不定宽 阅读全文
posted @ 2018-09-11 17:21 枫叶布 阅读(469) 评论(0) 推荐(0) 编辑
从输入url到页面展示到底发生了什么
摘要：目录 1、输入地址 2、浏览器查找域名的 IP 地址 3、浏览器向 web 服务器发送一个 HTTP 请求 4、服务器的永久重定向响应 5、浏览器跟踪重定向地址 6、服务器处理请求 7、服务器返回一个 HTTP 响应 8、浏览器显示 HTML 9、浏览器发送请求获取嵌入在 HTML 中的资源（如图片 阅读全文
posted @ 2018-03-26 14:34 枫叶布 阅读(355) 评论(0) 推荐(0) 编辑
flex布局
摘要：<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Web的Flex弹性盒模型</title> <style> body{ font-family: '微软雅黑'; /*font-family: cursive, 阅读全文
posted @ 2017-10-09 16:29 枫叶布 阅读(194) 评论(0) 推荐(0) 编辑
html锚链接
摘要：锚点(anchor)：其实就是超链接的一种，一种特殊的超链接 普通的超链接，<a href="路径"></a> 是跳转到不同的页面 而锚点，<a href="路径"></a> 可以在同一个页面中不同的位置间跳转 可以看到，跳转到锚点的超链接跟普通的超链接格式是一样的， 1.使用锚点的步骤： 1.1. 阅读全文
posted @ 2017-09-28 11:21 枫叶布 阅读(7916) 评论(0) 推荐(1) 编辑