前端
抹茶香蕉和牛奶
哈哈哈哈
展开
-
定位
定位=定位模式+边偏移 一、定位模式 position 1.静态定位static 几乎不用 2、相对定位relative 相对于之前的位置,向下走top,向右走left 原来的位置还在保留,继续占有。后面的盒子继续以标准流对待他。 3、绝对定位 标准流的盒子总是以父亲为准,父亲走,他走。 父元素没有定位,则以浏览器为准定位。 如果父元素有定位,则以父亲/爷爷为准。(已经定位的最近的父元素) 不...原创 2020-03-28 18:34:41 · 72 阅读 · 0 评论 -
H5新增标签
一、新增语义化标签 二、新增多媒体标签 视频标签 <video autoplay='autoplay' muted="muted" loop="loop" poster="imags/10.jpg" controls> <source src="EXO - LOVE ME RIGHT 中文版.mp4" type ="video/mp4"> </vi...原创 2020-03-28 15:37:21 · 98 阅读 · 0 评论 -
js运算(逻辑短路运算)
前置自增:先自增,后返回原值 后置自增:先返回原值,再自增 //3.逻辑与短路运算 如果表达式1 结果为真 则返回表达式2 console.log(123&&456);//456 //如果表达式1为假,则饭hi表达式1 console.log(0&&456);//0 console.log(''&&152&&56);//'' //...原创 2020-03-22 17:49:45 · 218 阅读 · 0 评论 -
bootstrap
响应式开发 bootstrap框架 bootstrap栅格 1、响应式开发原理 媒体查询针对不同宽度的设备进行布局和样式的设置。 1)响应式布局容器 .container{ height:150px; background-color :pink; margin:0 auto; } @media screen and(min-width: 767px) { .conta...原创 2020-03-15 13:47:59 · 79 阅读 · 0 评论 -
适配rem
原创 2020-03-15 02:31:24 · 46 阅读 · 0 评论 -
less
** 一、css的弊端 ** css是一门非程序式语言,没有变量、函数、SCOPE(作用于)等概念 css需要书写大量看书没有逻辑的代码,css冗余量比较高 不方便维护及扩展,不利于复用 css没有很好的计算能力 非前端开发工程师来讲,往往会因为缺少css编写经验而很难写出组 织良好且易于维护的css代码项目。 ** 二、less ** less是一门css扩展语言或说为css预处理语言,没有...原创 2020-03-15 02:08:17 · 281 阅读 · 1 评论 -
rem
** 1、rem ** em相对于父元素的字体大小来说 rem相对于html元素字体大小来说的 ** 2、媒体查询 Media Query 是CSS3新语法。 使用@media查询,可以针对不同的媒体类型定义不同的样式。 @media可以 针对不同的屏幕尺寸设置不同的样式 当你重置浏览器大小的过程中,页面也会更具浏览器的宽度和高度重 新渲染页面。 /*在我们屏幕上并且最大宽度为800...原创 2020-03-15 01:17:28 · 151 阅读 · 0 评论 -
前端(流式布局和flex布局)
谷歌模拟手机调试 1**.视口(viewport):**屏幕区域 布局视口、视觉视口、理想视口 1)布局视口(layout viewport) ios,安卓 980px 不适合 2)视觉视口visual viewport 3)理想视口ideal viewport 需要手写填写视口标签同之浏览器操作 对设备最理想的视口,乔布斯 2、meta视口标签 3.物理像素和px pc端,1个px等于一个物...原创 2020-03-15 00:14:38 · 1399 阅读 · 0 评论