雾归

导航

2020年9月7日 #

如何用js显示时间

摘要: <!DOCTYPE html><html><head><meta charset="utf-8"><script>function displayDate(){ document.getElementById("demo").innerHTML=Date();}</script></head><bo 阅读全文

posted @ 2020-09-07 11:04 雾归 阅读(70) 评论(0) 推荐(0) 编辑

js如何计算

摘要: // JavaScript Document/*function hello(){ var sum=0; for(var i=1;i<=10;i++){ sum=sum+i; } document.write(sum); }hello();*/ /*function add(num){ var su 阅读全文

posted @ 2020-09-07 10:53 雾归 阅读(196) 评论(0) 推荐(0) 编辑

css浮动2

摘要: 清除浮动可以理解为打破横向排列。 清除浮动的关键字是clear,官方定义如下: 语法: clear : none | left | right | both 取值: none : 默认值。允许两边都可以有浮动对象 left : 不允许左边有浮动对象 right : 不允许右边有浮动对象 both : 阅读全文

posted @ 2020-09-07 10:50 雾归 阅读(73) 评论(0) 推荐(0) 编辑

js弹窗效果

摘要: alert()普通弹窗;confirm()确认提示框;prompt()输入框;定时器:设置定时器:setInterval();清除定时器:clearInterval(); var timer=setInterval(function(){ var date=new Date(); var hours 阅读全文

posted @ 2020-09-07 10:37 雾归 阅读(205) 评论(0) 推荐(0) 编辑

js轮播图

摘要: 我们首先获取到 wrap(因为要设置其left才能控制轮播图),然后获取到左右两个箭头,并实现手动轮播,如下: var wrap = document.querySelector(".wrap"); var next = document.querySelector(".arrow_right"); 阅读全文

posted @ 2020-09-07 10:34 雾归 阅读(90) 评论(0) 推荐(0) 编辑

理解CSS浮动

摘要: float 浮动 浮动元素脱离普通流,然后按照指定方向,向左或者向右移动,碰到父级边界或者另外一个浮动元素停止 值: left | right | none | inherit 初始值: none 应用于: 所有元素 继承性: 无 浮动元素超出元素边界的方法有两种:一种是浮动元素的宽度大于元素的宽度 阅读全文

posted @ 2020-09-07 10:26 雾归 阅读(52) 评论(0) 推荐(0) 编辑

Css如何给他设置行高 lineheight

摘要: 初入前端的时候觉得CSS知道float就可以在布局上游刃有余了,随着以后学习问题层出不穷,才逐渐了解到CSS并不是几个style属性那么简单,最近看了一些关于行高的知识,就此总结一下。所谓行高是指文本行基线间的垂直距离。顶线、中线、基线、底线line-height 属性设置行间的距离(行高),不能使 阅读全文

posted @ 2020-09-07 10:25 雾归 阅读(273) 评论(0) 推荐(0) 编辑

如何让网页让他居中

摘要: 学习中遇到垂直居中问题,特此总结了一下几种方式与大家分享。本文讨论的垂直居中 绝对对位原理:元素在过度受限情况下,将margin设置为auto,浏览器会重算margin的值,过度受限指的是同时设置top/bottom与height或者left/right与width。 使用绝对定位要求元素必须设置明 阅读全文

posted @ 2020-09-07 10:11 雾归 阅读(33) 评论(0) 推荐(0) 编辑

如何用css做好表格 表格摘要

摘要: <html> <head> <meta charset="utf-8"> <title>无标题文档</title> </head> <body> <h1></h1> <h2></h2> <h3></h3> <hr> <p></p> <p3>。 </p3> <hr> <b>sb</b> <hr> <i 阅读全文

posted @ 2020-09-07 10:10 雾归 阅读(54) 评论(0) 推荐(0) 编辑

css的块状元素

摘要: <html><head><meta charset="utf-8"><title>无标题文档</title><link rel=" shortcut icon" href="a.ico.ico"><link rel="stylesheet" href="demo01.css"></head> <bo 阅读全文

posted @ 2020-09-07 10:08 雾归 阅读(11) 评论(0) 推荐(0) 编辑