Html/css

开始是打算去培训的,但是由于学校实在是不让走,所以只好决定全靠自学,由于之前也自学过那一段时间,但是看完基础知识后却不知道该怎么找些小的项目练习练习,所以想问问你们都是在哪些网站或者是找的哪些项目练习的,谢谢各位了! ...

marie0119

marie0119|简约下一页页码效果

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

html代码效果预览<!DOCTYPEhtml><html><head><metacharset="utf-8"/><title></title><style>*{margin:0;padding:0;}.scroll-tool{position:relative;height:56px;padding:12px160px;background-color:#f9f9f9;}.st-con{font-size:14px; ...

Zhang_xin

Zhang_xin|Html你应该理解的细节

发布于 2017-02-13 10:19:39 浏览:214 类型:原创 - 随笔 分类:HTML/CSS 举报

html技巧1.防止盒子透出的解决办法overflow:hidden;float不为none;display:inline-block;position不为static&relative给父类加一个border-top:1pxsolidtransparernt;2.内联块的vertical-align是基于父元素的中线位置在一个div内有一个span一个input则不对齐给i ...

取名难

取名难|JS原生轮播图

发布于 2017-01-23 17:00:49 浏览:760 类型:原创 - 随笔 分类:JavaScript 举报

在网上看了一些原生js写轮播的方法,普遍是滚到最后一张图时倒退回到第一张,还有一种为了弥补这一缺憾,是在图片头尾多放一张图片,个人结合自己理解也写了两个html代码效果预览<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Document</title></head><styletype="text/css">*{margi ...

webLS

webLS|canvas绘制的直线动画

发布于 2017-01-21 17:01:23 浏览:1030 类型:原创 - 随笔 分类:HTML/CSS 举报

html代码效果预览<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>firstline</title><styletype="text/css">body{background:#456E89;}.canvas{height:300px;width:300px;mar ...

前端chaimens

前端chaimens|环形进度条

发布于 2017-01-16 11:42:21 浏览:337 类型:原创 - 随笔 分类: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|求教 绝对定位后 如何 自适应屏幕 居中

发布于 2017-01-13 11:10:01 浏览:348 类型:原创 - 随笔 分类: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在线生成器

发布于 2017-01-12 16:55:39 浏览:279 类型:原创 - 随笔 分类:HTML/CSS 举报

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

CSS Sprites在线生成器
前端chaimens

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

发布于 2017-01-12 15:06:22 浏览:1485 类型:原创 - 随笔 分类: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|写一个正方体

发布于 2017-01-12 10:26:06 浏览:345 类型:原创 - 随笔 分类: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双色球

发布于 2017-01-12 09:53:53 浏览:1102 类型:原创 - 随笔 分类: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 浏览:211 类型:原创 - 随笔 分类: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 浏览:263 类型:原创 - 随笔 分类:手机移动 举报

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

我是凯宝宝

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

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

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

cloudLoveU

cloudLoveU|图片自适应

发布于 2016-12-30 15:39:34 浏览:295 类型:原创 - 随笔 分类: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 浏览:173 类型:原创 - 教程 分类: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 浏览:170 类型:原创 - 随笔 分类:类库框架 举报

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

郑逸尘

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

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

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

136asd

136asd|html/css详记

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

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