前端
Fly_Fly_Zhang
初学java
展开
-
前端-html页面如何隐藏播放音乐
<audio loop src="/music/music.mp3" id="audio" autoplay preload="auto">该浏览器不支持audio属性</audio><script type="text/javascript">//--创建页面监听,等待微信端页面加载完毕 触发音频播放document.addEventListener('...转载 2019-11-12 13:37:39 · 6377 阅读 · 1 评论 -
JS-如何生成倒计时计时器
描述:我们从后端传到前端的时间戳一般为字符串形式,其形式可以为yyyy-mm-dd HH-mm-ss也可以在后端直接将特殊符号去掉得到传时间字符串。时间字符串转日期时,使用new date()new Date(2009,1,1); //正确new Date(“2009/1/1”); //正确因此我们需要将时间字符串处理为/形式 //后端已进...原创 2019-08-01 16:59:36 · 731 阅读 · 0 评论 -
html/css-图片和图片名的相互转换(基于网速不好时css无法加载)
背景:当网速不好的时候,浏览器会默认不加载css,因此一些图片链接就会不显示,我们的需求是当网速好的时候加载图片,不好的时候也能够通过文字点击链接;方法一:无论是背景颜色还是背景图片都占用内边距,而文字不占用;因此,当容器内部没有空间时,文字就会被挤出容器,此时我们用一个overflow来隐藏文本,将内边距设置为图片高,图片会顺利展示。当网速不好时,css无法加载,那么就实现了网速好时图片,不好...原创 2019-03-12 17:48:37 · 226 阅读 · 0 评论 -
html/css-margin塌陷解决以及bfc触发
什么是margin塌陷:当两个盒子嵌套时,我们调整子盒子在父盒子中的位置,左右使用margin-left/margin-right 就可以变换左右位置,但是使用margin-top时,子盒子在父盒子中的相对位置并没有发生变化,并且当子盒子的值超过父盒子和网页顶端的距离时,子盒子会带着父盒子一起移动。发生margin塌陷代码:html:下面所有实例html代码相同,所以只在此处展示:<!...原创 2019-03-12 13:35:44 · 666 阅读 · 0 评论 -
html/css-两栏(多栏)布局制作
两栏布局制作:步骤:左栏不设置宽度,网页自适应决定,右栏定位到右边;将左栏的右边框限制在右栏之外,采用外边距实现; html代码:<!DOCTYPE html><html lang="em"><head> <meta charset="UTF-8"> <title>两栏制作<原创 2019-03-12 12:12:12 · 8809 阅读 · 0 评论 -
html/css-五环图样制作(网页居中定位广告制作)
五环图样制作要求:制作五环图样,使其居中于网页中央,并且随着滑动永远居中;思路:首先定制一个容器能够将五个图样容器装下,此容器采用fixed定位,使其实现网页滑动定位;五个环形图样容器,采用absolute定位,根据大容器也就是它的父标签进行定位,从而达到协调相互位置的目的; html代码:注意: class一般不要用汉字,本博客为了清晰表达才使用;<!DOCTYPE html...原创 2019-03-12 11:18:13 · 1065 阅读 · 0 评论 -
css-盒子模型详解以及远视图的制作
css盒子模型原理:盒子模型三大部分:css盒子组成部分:border/盒子壁padding/内边距width+height/盒子内容css盒子模型分四部分:margin(外边距)borderpadding: 可以是四个值(代表上,右,下,左);三个值(代表上,下,(左右值相同)) ; 一个值(上下左右都相同))content=width+height(盒子内容)...原创 2019-03-10 20:23:31 · 2492 阅读 · 0 评论 -
css/html-如何去掉网页中图片之间的空隙/html中标签如何归类
首先了解html中标签如何归类:行级元素/内联元素/inline:featurn(特点,特征): 内容决定元素所站位置,不可以通过css改变宽高;所含标签:span: 表示一行中一小段内容;strong:加粗,强调一句话非常重要;em: 变斜体,语气中的强调词;a: 链接标签;del: 包含的内容被化中划线;块级元素/block:featurn: 独占一行,可以通过c...原创 2019-03-10 13:15:40 · 4740 阅读 · 0 评论 -
CSS-引入样式以及css样式选择器详解
[行间样式] [head引入样式] [css外部文件引入样式]&amp;amp;lt;h1&amp;amp;gt; css样式选择器 &amp;amp;lt;/h1&amp;amp;gt;[id选择器][class选择器][标签选择器][通配符选择器][属性选择器][ 父子选择器/派生选择器 ][直接子元素选择器][并列选择器][分组选择器]原创 2019-03-09 19:08:29 · 1093 阅读 · 0 评论 -
HTML-表格的制作与方法详解
HTML创建简历表格table常用标签table常用属性原创 2019-03-06 17:58:32 · 522 阅读 · 0 评论 -
小程序-平安夜(圣诞,告白,过节)程序员祝福代码
许愿墙源码原创 2019-02-08 23:35:28 · 10005 阅读 · 0 评论