当前位置:首页 > 编程 > CSS/HTML 点击订阅
0

onclick标签变成小手状

style=“cursor: pointer;” 

yangzailu 发布于 2016-09-20 16:55 评论(0) 阅读(9)
0

跳动的心

不用图片,使用CSS3做出一个跳动的心。HTML:    <div class=box><div class=left></div><div class=right></div></div>首先两个div浮动,左上和右上角变圆:.box{margin: 100px;}.left,.right{float: left;}.box

陌路凡歌 发布于 2016-09-20 17:18 评论(0) 阅读(17)
0

css属性

字 体 属 性字体属性描      述     font-family    用一个指定的字体名或一个种类的字体族科     font-size    字体显示的大小   

菜鸟宝宝 发布于 2016-09-20 18:17 评论(0) 阅读(9)
0

div+css(ul li)实现图片上文字下列表布局

css样式表代码:html布局代码:效果图:html布局部分,可根据自己需要添加对应的div即可。1、CSS关键样式单词解释1)、ul.imglist{ margin:0 auto; width:536px; overflow:hidden}使用margin:0 auto,让ul结构布局居中;使用overflow:hidden,因为ul的子级使用float属性会产生浮动,所以使

helloworld0011 发布于 2016-09-20 23:06 评论(0) 阅读(10)
0

CSS中的transform与transition

transform:转换对元素进行移动、缩放、转动、拉长或拉伸。方法:translate():元素从其当前位置移动,根据给定的 left(x 坐标) 和 top(y 坐标) 位置参数有两个div,它们的css样式如下:.before {width: 70px;height: 70px;background-color: #8fbc8f;} .after {width: 70px;height: 7

爱可不可爱 发布于 2016-09-20 23:32 评论(0) 阅读(7)
0

从零开始CSS(一 2016/9/21)

1.基础语法CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明。selector {declaration1; declaration2; ... declarationN } 选择器通常是需要改变样式的 HTML 元素。每条声明由一个属性和一个值组成。属性(property)是您希望设置的样式属性(style attribute)。每个属性有一个值。属性和值被冒号分开。sel

Mel年 发布于 2016-09-21 15:39 评论(0) 阅读(7)
0

谈谈一些有趣的CSS题目(一)-- 左边竖条的实现方法

开本系列,讨论一些有趣的 CSS 题目,抛开实用性而言,一些题目为了拓宽一下解决问题的思路,此外,涉及一些容易忽视的 CSS 细节。解题不考虑兼容性,题目天马行空,想到什么说什么,如果解题中有你感觉到生僻的 CSS 属性,赶紧去补习一下吧。不断更新,不断更新,不断更新,重要的事情说三遍。汇总在我的 Github ,发到博客希望得到更多的解法。题目1、下面这个图形,只使用一个标签,可以有多

ChokCoco 发布于 2016-09-21 19:54 评论(0) 阅读(14)
0

分享20个新颖的字体设计草图,带给你灵感

通常我们对最终设计至关重要,但在幕后有很多流程,例如草图。 草图是是把想法作为一种思想框架描绘出来。 有时客户需要一个独特的品牌新标识或字体更方便画在纸上,之后扫描到 Photoshop 和 Illustrator。这里分享20个新颖的字体设计草图,带给你灵感。您可能感兴趣的相关文章让人惊叹的的创意404错误页面设计20幅精美绝伦的光涂鸦摄影作品欣赏25个别出心裁的简历设计作品欣赏25个令人惊叹的

梦想天空(山边小溪) 发布于 2016-09-22 00:56 评论(0) 阅读(26)
0

如何解决子元素设了margin-top之后父元素所受的影响

解决方法:1.在父元素上加:overflow:hidden.2.给父元素加border;3.外容器上加上padding。

蓓子123 发布于 2016-09-22 09:52 评论(0) 阅读(7)
0

sass+require实现侧边栏

 一、效果图(如下)及使用的技术    实现用sass实现页面中右侧固定侧边栏的样式,用require.js实现返回顶部的功能二、sass    具体的sass的介绍就不多说了,大家可以参考sass官网介绍,下面说一下sass的两种编译方法;    a、koala编译      koala

candice-cc 发布于 2016-09-22 09:59 评论(0) 阅读(16)
0

CSS浮动设置与清除

float:设置浮动  浮动会使元素脱离普通文档流,使元素向左或向右移动,其周围的元素也会重新排布,在布局中非常有用。   html:<p>以下是图片的浮动设置:</p><img src=image/follow-1.png><p>图片后文字:注意&lt;p&gt;是块级元素,元素前后有换行符。</p> 

日积跬步,终至千里 发布于 2016-09-21 10:29 评论(0) 阅读(13)
0

向 div 元素添加圆角边框:

div{border:2px solid;border-radius:25px;} 

yangzailu 发布于 2016-09-21 10:36 评论(0) 阅读(11)
0

CSS 代码技巧与维护 ★ Mozilla Hacks – the Web developer blog

原文链接: https://hacks.mozilla.org/2016/05/css-coding-techniques/译文链接 : http://www.zcfy.cc/article/css-coding-techniques-x2605-mozilla-hacks-8211-the-web-developer-blog-1244.html   最近

Moustache 发布于 2016-09-21 11:48 评论(0) 阅读(16)
0

简单的网站变成灰白色

加入css样式html {filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(100%);} html标签中添加如下代码<html style=filter: progid:DXImageTransform.Microsoft.BasicImage(g

抓狂的镜子 发布于 2016-09-21 13:54 评论(0) 阅读(12)
0

移动端布局:写一个自适应的正方形盒子

移动端布局,div按比例布局,宽度为百分比,让高度和宽度一样,即让div为正方形最近在写一个小程序,遇到了一个布局问题:一个div宽度比例width:20%,比如是屏幕宽度的20%,想让高度和宽度一样,即让这个div是正方形,怎么实现呢?因为做的是移动端,屏幕宽度不定,又想让这个div盒子宽高一样,呈现为正方形。效果如下:  现在将查询到的方案汇总一下:方案一:JavaScri

simpleton 发布于 2016-09-21 14:14 评论(0) 阅读(12)
0

DIV+CSS网页标准化布局(二)之浮动布局

    盒模型以及浮动布局 谈到盒模型,有经验的小伙伴一定滚瓜烂熟,无非就是 内容(content)、填充(padding)、边框(border)、边界(margin);这些属性我们可以把它转移到我们日常生活中的盒子(箱子)上来理解,日常生活中所见的盒子也就是能装东西的一种箱子,也具有这些属性,所以叫它盒子模式。先上图:上图清晰的表明了盒模型的具体

发布于 2016-09-15 10:56 评论(0) 阅读(10)
0

html表格

虽然html可以制作带样式的表格,但是建议使用CSS处理样式,html只做内容表格的基本构成一个表格由三种基础标记构成:表格标记<table>,行标记<tr>,单元格标记<td>,除此以外,还可以有标题<caption>,表头<thead>,表主体<tbody>和表尾<tfoot><table><

发布于 2016-09-15 14:37 评论(0) 阅读(12)
0

html表单

表单标记html用<form>来标记一个表单,<form>有两个必须属性:处理程序action和传送方法methodaction属性表单要提交的地址<form action="mailto:12306@yy.com">method属性传送方法<form method="传送方法,get或post">name属性

发布于 2016-09-15 16:00 评论(0) 阅读(7)
0

CSS背景属性background

background属性是所有背景属性的缩写:  以下是这些背景属性:  background-color:背景颜色    你可以通过颜色名称(red/green/blue)来设置    也可以用十六进制(#fff/#000/#bcbcbc)    还可以用到rgb(x,x,x)  x取值(0~255)  background-position:背景开始位置    也是三种取值方式,第一

发布于 2016-09-15 21:47 评论(0) 阅读(11)
0

HTML 5 Web 存储

在客户端存储数据HTML5 提供了两种在客户端存储数据的新方法:localStorage - 没有时间限制的数据存储sessionStorage - 针对一个 session 的数据存储之前,这些都是由 cookie 完成的。但是 cookie 不适合大量数据的存储,因为它们由每个对服务器的请求来传递,这使得 cookie 速度很慢而且效率也不高。在 HTML5 中,数据不是由每个服务器请求传递的

发布于 2016-09-15 22:05 评论(0) 阅读(13)

一起悦读网    Copyright © 2016    浙ICP备11048508号    浙公网安备 33048302000202号