- 博客(14)
- 收藏
- 关注
原创 记录一次临时抱佛脚
一、盒模型1、标准盒子模型width=content设置:box-sizing:content-box;2、IE盒模型width=content+padding+border设置:box-sizing:border-box;二、clientwidth、offsetwidth、scrollwidth的区别?clientwidth=width+padding;clientTop = boder.top;offsetwidth=width+padding+border;offsetTop:当
2021-10-19 23:58:27
97
原创 HTML+CSS聚光灯效果动画
首先上效果图:HTML<body> <h1>Hello,World!</h1></body>CSS1、首先让h1垂直居中满屏显示*{ margin: 0; padding: 0; font-size: 16px;}body{ background-color: #222; display: flex; justify...
2020-03-31 22:32:40
447
原创 CSS+HTML+插件制作响应式相册
magnific-popupmagnific-popup.js下载地址首先介绍一下使用到的一个插件:magnific-popup使用方法:在head中引入.js文件和.css文件<script src="https://cdn.bootcss.com/magnific-popup.js/1.1.0/jquery.magnific-popup.min.js"></scrip...
2020-03-24 22:13:09
366
转载 跟着B站大佬学习系列之HTML+CSS制作图片悬浮效果
首先上效果图:HTML<div class="image middle"> <img src="img/yyqx.jpg" alt="易烊千玺"> <div class="image-content"> <h1>易烊千玺</h1> <div class="icons"> <i class="ico...
2020-03-21 00:33:03
589
原创 前端常见笔试题二
HTML、CSS部分1.行内元素有哪些?块级元素有哪些?行内元素:a、span、b、em、strong…块级元素: div、ul、ol、p、h1-h6、table、from…2.css选择符有哪些?哪些属性可以继承?优先级计算?id(#)、class(.)、标签(div)、同级相邻(div+p)、子代选择器(ul>li)、后代选择器(ul li)、属性(div[class=“c...
2020-03-19 22:15:14
108
原创 前端常见笔试题一
1、垂直居中显示<body> <div class="box"></div></body>1. 已知盒子box宽高(200px).box{ width: 200px; height: 200px; background-color: lightblue; position: absolute; top:50%; left: 5...
2020-03-18 21:29:50
315
原创 使用HTML+CSS制作加载动画
简单的页面加载动画html部分<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>加载动画</title> <link rel="stylesheet" type="text/css" href="css/style.css"/&g...
2020-02-10 18:18:24
1932
1
原创 DOM小知识
获取元素节点 //1、document.getElementById(id)通过Id获取 var eleNode=document.getElementById("classlist"); console.log(eleNode); //获取一个对象--ul //2、document.getElementsByTagName(标签名)通过便签名获取 var eleList=d...
2019-07-22 20:35:22
80
原创 BOM的小知识
弹出框:alert()|confrim()|prompt()方法1、alert()alert("我是一个弹窗");2、confirm()var a=confirm("你确定要离开网站吗?");console.log(a); //在页面打印返回值3、prompt() var b=prompt("早上吃了什么?"); console.log(b);2、定时器2.1定时器...
2019-07-22 20:06:58
81
原创 随机获取小练习
1、随机获取数//获取min-max之间的整数 function showNum(min,max){ var numInt=Math.floor(Math.random()*(max-min)+min); return numInt; }2、随机获取颜色//获取随机颜色 function showColor(){ var r=showNum(0,256); var g...
2019-07-16 19:33:21
115
原创 JavaScript基础
JavaScript入门一、如何引入js文件1、内部引入<script type="text/javascript"> //编写js代码 ...</script>2、外部引入src属性中写引入的js文件<script type="text/javascript" src="js/index.js"></script>二、基本概...
2019-07-16 19:26:52
254
原创 CSS初体验2
css中元素分类块状元素:div、ul、ol、p、h、table、form特点:独占一行可以设置宽高、如果不设置宽度、默认是父标签的100%宽度行内元素:a、span、em、strong、label特点:在一行内显示不能设置宽高、默认的宽高为文本内容占据的宽高行内块元素:input、img特点:在一行内显示可以设置宽高display1、块级元素:display:bloc...
2019-07-08 21:05:39
547
原创 css初体验
一、css的三种引用方式css的样式: 由选择符和声明构成元素选择符span{声明:属性名和属性值}1、行内式又称内联式在body标签中<!-- 行内式 --><body> <!-- 行内式 --> <p style="font-size:12px; color:red; font-weight:bold;"> ...
2019-07-03 20:57:21
165
原创 HTML标签
目录概述1、HTML常用标签1、h1--h6 一般用来写标题2、p标签 段落标签,呈现段落格式3、strong标签与em标签;都是强调文本的作用4、单闭合标签(单个存在)5、列表标签5.1无序列表5.2有序标签5.3、定义标签6、table标签7、超链接7.1超链接其他用法8、img标签9、form标签9.1单选框(radio)9.2多选框(checkbox)9.3下拉单选框9.4、下拉多选框9...
2019-07-03 20:05:06
261
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人