笔记

誓言成晖

誓言成晖|HTML标签(第三天打卡)

发布于 7 小时前 浏览:15 类型:原创 - 随笔 分类:HTML/CSS 举报

html代码效果预览<!DOCTYPEHTML><html></html>这部分是文档声明首行,要顶格写-------------------------------------------------------------html代码效果预览<head><metacharset="utf-8"><!--定义文档字符编码,要写在第一行--><title>标题</title><meataname="keywords"co ...

zyp199737

zyp199737|svg 猫 练习

发布于 昨天 17:55 浏览:36 类型:原创 - 随笔 分类:HTML/CSS 举报

原本是要学习d3,然而发现它有很多前置技术。svg就是其中之一。所以先打个底。html代码<gid="whiskers"><linex1="80"y1="90"x2="130"y2="75"style="stroke:black"></line><linex1="80"y1="95"x2="130"y2="95"style="stroke:black"></line></g><usexlink:href="#whiskers"transform="scale(-1,1)tr ...

FlyingWWS

FlyingWWS|Python3简单爬虫例子——爬取豆瓣首页图片

发布于 昨天 16:30 浏览:85 类型:原创 - 随笔 分类:HTML/CSS 举报

html代码效果预览importurllib.request,os,sys,reif__name__=='__main__':print('程序自身在运行');else:print('我来自另一模块');#下载进度defprocess(a,b,c):#a:已经下载的数据块#b:数据块的大小#c:远程文件的大小per=100.0*a*b/cifper>100:per=100p ...

娜娜子

娜娜子|漂亮的表单边框

发布于 昨天 15:29 浏览:178 类型:原创 - 随笔 分类:HTML/CSS 举报

今天看到一个很漂亮的表单边框,具体地址是:http://www.html5tricks.com/demo/Glowform/demo.html很想模仿下来作为一个酷炫的素材。也发现了这个原本的demo并不兼容IE,我自己的是IE11。要看源代码的直接f12就可以看了。为了省以后的麻烦,我自己弄了个demo,把其他不必要繁琐的样式去掉,单独重点把边框的 ...

59580

59580|html5 canvas 详细使用教程

发布于 昨天 09:39 浏览:325 类型:原创 - 随笔 分类:HTML/CSS 举报

原文教程链接html5canvas效果预览<!DOCTYPEhtml"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><title></title><scripttype="text/javascript">functiondraw21(id){varcanvas=document.getElementById(id)if(canvas==null)returnfal ...

59580

59580|岛国国旗。/偷笑

发布于 昨天 09:20 浏览:402 类型:原创 - 随笔 分类:HTML/CSS 举报

岛国国旗效果预览<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>岛国国旗</title><style>#div01{width:300px;height:300px;margin:250pxauto;border-radius:50%;background:darkred;border:1pxsoliddarkred;}</style></head><body><div ...

css的背景会侵入边框,这是css背景的工作原理,也是缺陷,平时用1像素宽而且不透明的边框,很难留意这一问题,边框宽度加大,设置透明后,背景侵入边框显而易见,看下面代码html代码效果预览<!DOCTYPEhtml><html><head><metahttp-equiv="content-type"content="text/html;charset=utf-8"/> ...

showmyself|民工

showmyself|民工|不定宽度的块状元素居中

发布于 昨天 00:09 浏览:136 类型:原创 - 随笔 分类:HTML/CSS 举报

在实际工作中我们会遇到需要为“不定宽度的块状元素”设置居中,比如网页上的分页导航,因为分页的数量是不确定的,所以我们不能通过设置宽度来限制它的弹性。(不定宽块状元素:块状元素的宽度width不固定。)不定宽度的块状元素有三种方法居中(这三种方法目前使用的都很多):加入table标签设置display:inline方 ...

happyzgm

happyzgm|使用transition制作文字上下抖动

发布于 前天 18:22 浏览:217 类型:原创 - 随笔 分类:HTML/CSS 举报

总结:之前做个一个网址是使用transition制作文字上下抖动之前的是自动运动,这次是鼠标移进去才运动的。方法:首先之前的延时用JS写出来,现在发现如果这个也用JS没效果,所以直接写CSS在CSS3中,我们可以使用animation-play-state属性来定义动画的播放状态,另外使用了animation-play-state属性,让它静止。hover的时 ...

图片的http请求,有很多种情况,那么究竟什么情况下面不会发生请求呢?1.隐藏图片<imgsrc="haorooms.jpg"style="display:none"/>注意:用visibility:hidden隐藏图片时,在Opera下也会产生请求。2.重复图片<imgsrc="haorooms.jpg"/><imgsrc="haorooms.jpg"/>结论:所有浏览器都只产生一次请求。3.重复 ...

图片的HTTP请求总结,web图片http请求汇总,网页图片预加载
_zxqian

_zxqian|IE不兼容问题及解决办法(不定时补充)

发布于 前天 17:19 浏览:105 类型:原创 - 随笔 分类:HTML/CSS 举报

IE不兼容问题及解决办法(不定时补充更新)1、IE9及以下不支持样式名称叠加写法,如:.s1.start;解决:.xxx.s1;提升层级分开写。不支持css3transition兼容代码:<!--[iflteIE9]><linkhref="fixed.css"rel="stylesheet"type="text/css"/><![endif]- ...

_zxqian

_zxqian|webkit私有及实用属性

发布于 前天 16:56 浏览:75 类型:原创 - 随笔 分类:HTML/CSS 举报

这是我多年下来总结的webkit相关笔记-webkit-tap-highlight-color:transparent;-webkit-user-drag:none;-webkit-overflow-scrolling:touch;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-we ...

ddvbbk

ddvbbk|Webstorm快捷键 VS Eclipse快捷键

发布于 前天 16:29 浏览:86 类型:转载 - 教程 分类:HTML/CSS 举报

实用快捷键,提速必备html代码效果预览<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Webstorm快捷键</title><style>body{background:#eee;font-family:"MicrosoftYaHeiUI";}table{border-collapse:col ...

分界线

分界线|网页头部的声明的标准用法?

发布于 前天 13:29 浏览:109 类型:原创 - 随笔 分类:HTML/CSS 举报

1.简体中文页面:htmllang=zh-cmn-Hans2.繁体中文页面:htmllang=zh-cmn-Hant3.英语页面:htmllang=en ...

happyzgm

happyzgm|图片高斯模糊切换效果

发布于 前天 12:52 浏览:311 类型:原创 - 随笔 分类:HTML/CSS 举报

html代码效果预览<!doctypehtml><html><head><metacharset="utf-8"><title>无标题文档</title><style>@-webkit-keyframesshow{0%{opacity:1;-webkit-transform:scale(1);}100%{opacity:.1;-webkit-transform:scale(3);}}body{background:#e8d0ca;}#wrap{width:600px;margin:100pxau ...

FlyingWWS

FlyingWWS|Python3学习笔记02

发布于 前天 11:38 浏览:47 类型:原创 - 随笔 分类:HTML/CSS 举报

1.基本数据类型Python中变量不需要声明,每个变量在使用前必须赋值,变量赋值后该变量才会被创建;Python中变量就是变量,它没有类型,我们所说的“类型”是变量所指的内存中对象的类型;Python允许同时多个变量赋值;例:a=b=c ...

happyzgm

happyzgm|鼠标左右移动,图片也跟着移动

发布于 前天 11:36 浏览:174 类型:原创 - 随笔 分类:HTML/CSS 举报

效果:鼠标往左移,图片对应右移,鼠标往右移,图片就左移动。图片距离越远偏移距离越大。思路:首先获取图片原先的距离。设置一个变化值,图片的最终距离等于原先的距离加上变化值布局:大盒子里面是图片,大盒子position:relative;图片position:absolute;html代码效果预览<!doctypehtml><html><head><metachars ...

html代码效果预览<html><head><metacharset="UTF-8"/><title>多选</title><styletype="text/css">#big_box{padding:10px;width:400px;}#big_boxinput{font-size:16px;width:100%;padding:5px;}#box{margin:0101010;border:1 ...

59580

59580|CSS3扇形动画菜单(简化版)

发布于 前天 11:18 浏览:766 类型:转载 - 随笔 分类:HTML/CSS 举报

原版扇形菜单CSS3扇形动画菜单效果预览<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>CSS3扇形动画菜单</title><style>*{padding:0;margin:0;}body{background:#b1b1b1;margin:0px;padding:0px;font-size:14px;color:#000;}.menuHolder{width:100px;height:100px;margin:00250 ...

誓言成晖

誓言成晖|前端切图总结(第一天打卡)

发布于 前天 00:08 浏览:313 类型:原创 - 随笔 分类:HTML/CSS 举报

在UI设计师没有给切图的情况下(假设),前端应该怎么切图。。。第一我们应该切那些?1.修饰性的图片:(1)图标.logo(2)特殊效果的按钮,以及文字(3)非纯色背景...渐变也要切用途:background属性2.内容性图片:(1)广告和banner(2)文章配图用途:img标签第二切图保存类型?1.修饰性图片 ...