01 2022 档案
摘要:<!DOCTYPE html> <html lang="ZH-CN"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content=
阅读全文
摘要:<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> * { margin: 0; padding: 0 } ul { list-style: none } .box { widt
阅读全文
摘要:$(function(){ var flag=true; //设置互斥锁,也就是特殊权限开关 $(window).scroll(function(){ if(flag){ if( $(window).scrollTop() >=$('.recommend').offset().top){ $(".f
阅读全文
摘要://封装行数 obj目标对象 target 目标位置 function animate(obj,target){ //obj是已有对象, 直接赋值变量将会重新开辟空间 避免浪费内存空间 给obj添加一个属性 // obj.timer obj.timer = setInterval(function(
阅读全文
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
阅读全文
摘要:<!DOCTYPE html> <html lang:"ZH-CN"> <head> <meta charset:"UTF-8"> <meta http-equiv:"X-UA-Compatible" content:"IE:edge"> <meta name:"viewport" content:
阅读全文
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
阅读全文
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
阅读全文
摘要:2022-1-7 第1天 1.按钮标签的类型默认值是什么? 答:Internet Explorer 的默认类型是“按钮”,而其他浏览器中(包括 W3C 规范)的默认值是“提交”。 2.p标签里面img标签会出现高3像素是什么原因? 照片是内联元素,内联元素的发射方式是文字闪烁的,而不是文字底线的,所
阅读全文
摘要:1.定义动画 1.1 两个个动画的定义方法 @keyframes 动画名称{ from{} to {} } 使用 html代码 <div class="box"></div> css代码: <style> /* 定义动画 */ @keyframes change { from{width: 200p
阅读全文
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
阅读全文
摘要:华为网页链接:https://www.huawei.com/cn/?ic_medium=direct&ic_source=surlent html代码部分: <div class="box"> <ul> <li> <a href="#"> <img src="./images/product.jpe
阅读全文
摘要:1.实现元素位移效果 语法:transform:translate(x轴水平移动距离,Y轴垂直移动距离) 取值:正负都可以 取值方式:数字+px 百分比 :参照自己本的盒子的百分比 比如:本身自己的宽度是100px 那么x轴的百分之100,则走的是100px 使用写法: transform:tran
阅读全文
摘要:一。字体阴影属性名:text-shadow:水平偏移量 垂直偏移量 模糊度 阴影颜色; html代码: <div>农夫山泉有点甜</div>css代码: div{ font-size:100px; font-weight:700; text-align:center; line-height:300
阅读全文
摘要:属性名: background-size: 宽度 高度; 属性值 说明 数字+px 简单方便,常用 百分比 相当于盒子自身的百分比,如:百分百,就是就算是图片变形也要显示 contain 动比例缩放,但不会超出盒子最大,不会变形,有可能留白 cover 覆盖,等比例缩放,不会留白 属性1:因为盒子和
阅读全文
摘要:使用步骤1.创建盒子 <div class="one"></div> 2.使用PxCook量取图标大小,将图标的宽高设置成为盒子的宽高 3.将精灵图片设置盒子的背景图片 background: url('./images/sprites.png') 4.用PxCook量取小图标的坐标,并取负值给背景
阅读全文