Html/css

前端chaimens

前端chaimens|环形进度条

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

这两天试了很多种方式下的环形进度条,一开始是想用切割,但是发现写出来后有点bughtml代码效果预览<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN"><html><link><metaname="page-view-size"content="640*530"><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"><sty ...

cloudLoveU

cloudLoveU|求教 绝对定位后 如何 自适应屏幕 居中

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

设置绝对定位后内容无法自适应屏幕水平居中应该如何解决呢?设置lef和right的值相等也不管用,哪位大神知道希望能告诉我一下哈谢谢!!已经解决.search{width:720px;height:83px;border-radius:10px;background:rgba(64,56,55,.5);position:absolute;padding-top:6px;l ...

lauhee

lauhee|CSS Sprites在线生成器

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

如果你不知道什么叫CSSSprites,就自己搜索一下吧,我就不介绍了。csssprites.com是我比较喜欢的网站,通过它可以简单几步就拼合了背景图片,下面就一起来看看吧。访问CSSSpritesGenerator,就可以看到如下界面CSSSpritesGenerator操作方法1.首先选择需要拼合的图片(最好是大小、格式都一样的,但也不绝对) ...

CSS Sprites在线生成器
前端chaimens

前端chaimens|画个3d球。。。

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

css3画的粗糙球,暂时先画这样,后面有改动再补充。html代码效果预览<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN"><html><link><metaname="page-view-size"content="640*530"><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"></head><style>*{m ...

前端chaimens

前端chaimens|写一个正方体

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

html代码效果预览<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN"><html><head><metaname="page-view-size"content="640*530"><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"><styletype="text/css">@charset"utf-8";div{position:absolute;}.bor{top:200 ...

前端chaimens

前端chaimens|简单的2d双色球

发布于 7 天前 浏览:959 类型:原创 - 随笔 分类:JavaScript 举报

想做个3d双色球先做个2d的保存下html代码效果预览<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN"><html><link><metaname="page-view-size"content="640*530"><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"><scripttype="text/javascript"src="/assets/re ...

lauhee

lauhee|移动端常用的函数(less/sass)

发布于 2017-01-11 17:42:44 浏览:138 类型:原创 - 随笔 分类:HTML/CSS 举报

常用函数/*伸缩布局容器*/.db(){display:-webkit-flex;display:-webkit-box;display:-ms-flexbox;display:flex;}/*伸缩性*/.fx1(@num:1){-webkit-box-flex:@num;-webkit-flex:@num;-ms-flex:@num;flex:@num;}/*伸缩方向为垂直方向*/.v(){-webkit-box-orient:vertical; ...

lauhee

lauhee|初识weex(一)

发布于 2017-01-11 17:18:40 浏览:119 类型:原创 - 随笔 分类:手机移动 举报

1.Weex基本信息官方支持iOS、Android、HTML5.WriteOnce,RunEverywhere。一次编写可生成三平台代码。DSL模板学习超简单,直接写HTML、CSS、JS。这意味着可以直接用现有编辑器和IDE的代码补全、提示、检查等功能。轻量级、可扩展、高性能。集成花样多,可在HTML5页面嵌入,也可嵌在原生UI中。2.Weex的由来We ...

我是凯宝宝

我是凯宝宝|原始js实现课堂点名表

发布于 2017-01-10 15:36:44 浏览:154 类型:原创 - 教程 分类:JavaScript 举报

课堂时老师抽查作业,下面的小盆友是不是经常担心受怕,我们现在开始学习吧以下源码,并未优化=================================html代码效果预览<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>点名表</title><style>*{margin:0;padding ...

cloudLoveU

cloudLoveU|图片自适应

发布于 2016-12-30 15:39:34 浏览:241 类型:原创 - 随笔 分类:HTML/CSS 举报

给一个div设置背景图时,希望它随着div的大小自适应,如果我们把背景图设计成和div一样大,那么图片会变模糊,此时我们可以设置background-size属性来实现图片的自适应。部分代码如下:<!doctypehtml><html><head><metacharset="UTF-8"><title>Document</title><styletype= ...

二月yy

二月yy|react基于redux单向数据流的简单写法

发布于 2016-12-14 23:17:49 浏览:101 类型:原创 - 教程 分类:JavaScript 举报

ps:我的个人空间:https://hyy1115.github.io/huangyongyue/假如你现在的项目要用到redux来管理,那么通常遵循redux单向数据流的步骤去做。1,在container文件夹下面新建你的页面父容器,比如本例子中的homeContainer,一个基本的container模板如下所示。javascript代码效果预览importRe ...

今天第一次体验了整个小程序注册流程,使用的是我自己的这个简单的教程(个人无appid如何进行申请开发者权限,简单操作步骤),教程虽然是我的,我自己却没有真的实践过,真是误人子弟,自己也不一定能知道;今天亲自测试了一下;首先走完邮箱验证:验证完毕后,开始进入信息登录,这里,有一些关键信息, ...

原创观点:还在认为企业或个人只能申请一个小程序吗?
xiaolongyuanzi

xiaolongyuanzi|Angular JS学习笔记

发布于 2016-11-16 10:33:10 浏览:133 类型:原创 - 随笔 分类:类库框架 举报

1.angular中,对于想要操作的对象一定加上ng-app,和ng-controller两条指令,前者是指令定义一个AngularJS应用程序。说明该对象是Angular程序的所有者。后者是控制器(Controller)用于控制AngularJS应用。所有的属性都是以ng-开头的,为了可以支持HTML5,可以写成data-ng-。AngularJS模块定义应用:AngularJS模块 ...

郑逸尘

郑逸尘|先定一个小目标,做他一个前端网

发布于 2016-11-14 18:00:58 浏览:487 类型:原创 - 随笔 分类:HTML/CSS 举报

自学了html、css、javascript、jquery、php+mysql之后,就一直想干点什么,虽然最后还是失败了,但过程中也学到了不少东西失败原因:没有响应式布局的概念,最后导致页面布局混论,所以下一步,学习页面布局框架Bootstrap,、这是我的失败案例前端网 ...

136asd

136asd|html/css详记

发布于 2016-11-13 22:13:51 浏览:40 类型:原创 - 随笔 分类:HTML/CSS 举报

妙味课堂的课程讲得非常的清楚,受益匪浅。先把HTML和CSS基础课程部分视频的学习笔记记录如下:#PS基础##前端需要的PS技能-PS技能(前端需要):切图、修图、测量-PS工具:-移动工具-矩形选框工具-裁切工具-吸管工具-横排文字工具-手抓(快捷键:空格)-缩放(快捷键:Ctrl+和Ctrl-)-标尺(快 ...

前端李李

前端李李|前端面试必知的50道题目汇总

发布于 2016-11-10 10:02:47 浏览:2280 类型:原创 - 随笔 分类:面试经验 举报

1.XHTML和HTML有什么区别HTML是一种基本的WEB网页设计语言,XHTML是一个基于XML的置标语言最主要的不同:XHTML元素必须被正确地嵌套。XHTML元素必须被关闭。标签名必须用小写字母。XHTML文档必须拥有根元素。2.什么是语义化的HTML?直观的认识标签对于搜索引擎的抓取有好处,用正确的标签做正确的事情!html ...

光辉岁月08

光辉岁月08|标签页切换

发布于 2016-11-08 16:45:32 浏览:377 类型:原创 - 随笔 分类:HTML/CSS 举报

html代码效果预览<!DOCTYPEhtml><html><head><metacharset="utf-8"><metaname="viewport"content="initial-scale=1.0,maximum-scale=1.0,user-scalable=no"/><title>标签页切换</title></head><style>/*标签页*/.tab-title{background:#fff;padding-bottom:36px;}.tab-titleul{width:70 ...

前端李李

前端李李|CSS中各个浏览器兼容的解决办法

发布于 2016-11-07 14:34:48 浏览:523 类型:原创 - 随笔 分类:HTML/CSS 举报

虽然说现在布局方面兼容性问题可能谈及的越来越少,但还是值得我们去学习,接下来我们就一起看有哪些吧!1.CSS中几种浏览器对不同关键字的支持,可进行浏览器兼容性重复定义!important可被FireFox和IE7识别*可被IE6、IE7识别_可被IE6识别*+可被IE7识别区别IE6与FF:background:orange;*background:blue; ...

听风吹

听风吹|样式实现开关按钮

发布于 2016-11-06 18:53:42 浏览:454 类型:原创 - 随笔 分类:HTML/CSS 举报

html代码效果预览<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title></title><styletype="text/css">.btn-switch{cursor:pointer;width:52px;height:31px;position:relative;border:1pxsolid#dfdfdf;background-color:#fdfdfd; ...

前端李李

前端李李|纯 CSS 创建各种不同的图形形状

发布于 2016-11-04 16:42:00 浏览:854 类型:原创 - 随笔 分类:HTML/CSS 举报

介绍  今天,我们学习如何使用简单的CSS来创建不同类型的平面图形。 使用代码  矩形.rectangle{width:250px;height:150px;background-color:#6DC75F;}<div></div>  三角形.triangleUp{border-le ...

纯 CSS 创建各种不同的图形形状