随笔分类 -  HTML

css3动画与js动画的区别
摘要：css与 js动画 优缺点比较 我们经常面临一个抉择：到底使用JavaScript还是CSS动画，下面做一下对比 JS动画 缺点：(1)JavaScript在浏览器的主线程中运行，而主线程中还有其它需要运行的JavaScript脚本、样式计算、布局、绘制任务等,对其干扰导致线程可能出现阻塞，从而造成 阅读全文
posted @ 2021-06-28 11:11 python界泥石流 阅读(107) 评论(0) 推荐(0)
drag拖拽事件
摘要：拖放（Drag 和 Drop）是很常见的特性。它指的是您抓取某物并拖入不同的位置。 拖放是 HTML5 标准的组成部分：任何元素都是可拖放的。 <style type="text/css"> #div1 {width:198px; height:66px;padding:10px;border:1p 阅读全文
posted @ 2021-06-24 14:37 python界泥石流 阅读(601) 评论(0) 推荐(0)
三栏布局，中间自适应
摘要：1.浮动 <div class="left "></div><div class="right "></div><div class="center"></div> .left{ float: left; width: 300px; background: red; height: 100px; } 阅读全文
posted @ 2021-06-23 16:20 python界泥石流 阅读(61) 评论(0) 推荐(0)
px、em、rem的区别
摘要：在css中单位长度用的最多的是px、em、rem，这三个的区别是： 一、px是固定的像素，一旦设置了就无法因为适应页面大小而改变。 二、em和rem相对于px更具有灵活性，他们是相对长度单位，意思是长度不是定死了的，更适用于响应式布局。 三、em是相对于其父元素来设置字体大小的，一般都是以<body 阅读全文
posted @ 2021-06-22 18:54 python界泥石流 阅读(1255) 评论(0) 推荐(0)
flex 弹性盒子(灵活布局)详解
摘要：传统布局——基于盒子模型，依赖 display 属性、position属性、float属性。 它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 并且，传统布局代码冗长，出错率高，要时刻注意清除浮动或者在进行绝对定位时给父元素添加相对定位。否则就容易造成页面布局混乱。 但是，Flex布局就就 阅读全文
posted @ 2021-06-22 18:21 python界泥石流 阅读(728) 评论(0) 推荐(0)
从输入url到页面渲染全过程
摘要：一、 发起请求 1. 输入地址 在浏览器地址栏中输入大致上可以分为两种： 输入关键字（搜索内容）； 输入请求url； 不管是哪种，在浏览器中都会对其内容进行检测，自动组装成一个完整的url（加上默认的协议头、拼接成默认的搜索引擎的搜索url等...）并交由网络进程发送请求。 2. DNS解析 在互联 阅读全文
posted @ 2021-05-24 20:18 python界泥石流 阅读(534) 评论(0) 推荐(0)
三栏布局技巧
摘要：映入眼帘的就是一个常见的三栏布局：即左边商品导航和右边导航固定宽度，中间的主要内容随浏览器宽度自适应。 三栏布局，顾名思义就是两边固定，中间自适应。三栏布局在开发十分常见，那么什么是三栏布局？比如我打开某东的首页： 下面围绕的这样的目的，即左右模块固定宽度，中间模块随浏览器变化自适应，想要完成的最终 阅读全文
posted @ 2021-05-20 13:59 python界泥石流 阅读(197) 评论(0) 推荐(0)
一 HTML基础入门
摘要：1.HTML概念 HTML是标记语言，由W3C组织提供的一套标记标签组成。其使用标记标签来描述网页，一个网页除了由大量的标签组成，还有后续要学习的css样式和JavaScript脚本组合而成。 1.1 网页与网站 网页：网页是构成网站的基本元素，由图片，视频，文字，声音等元素组成，常以.html结尾 阅读全文
posted @ 2020-10-19 16:34 python界泥石流 阅读(126) 评论(0) 推荐(0)