腾讯云开发者社区-腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

知道一点点

专栏作者

61

文章

96780

阅读量

15

订阅数

20种新颖的按钮风格和效果【附源码】

Codrops 给我们分享了一组新鲜的按钮样式和效果的集合。它们中的大部分效果都使用了 CSS3 过渡和伪元素，他们都有一个共同点，那就是都具有简单性，没有太多的动画，而是尝试添加一些通过颜色和形状的变化来呈现的效果。

2018-09-12

6330

【原创】bootstrap框架的学习第六课[bootstrap代码]

请确保当您使用 <pre> 和 <code> 标签时，开始和结束标签使用了 unicode 变体： < 和 >。

2018-09-12

3960

Angularjs快速入门（二）

说说上一节的例子，$scope 我们没有创建这个对象，直接绑定就能获取里面的对象，这种风格遵循了一种叫迪米特法则的设计模式。

2018-09-12

5800

【原创】bootstrap框架的学习第五课

<h2>引导主体副本</h2> <p class="lead">这是一个演示引导主体副本用法的实例。</p>

2018-09-12

1.8K0

【原创】bootstrap框架的学习第八课 -[bootstrap表单]

<!DOCTYPE html> <html> <head> <title>Bootstrap 实例 - 内联表单</title> <link href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet"> <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script> <script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script> </head> <body>

2018-09-12

1.3K0

基于AngularJS的过滤与排序【转载】

　　首先，如果要是先查询过滤，就要使用到AngularJS中的过滤器filter 了。

2018-09-12

1.3K0

bootstrap快速入门笔记（三）响应式，行,列，偏移量，排序

一，响应式列重置 .clearfix <div class="row"> <div class="col-xs-6 col-sm-3">.col-xs-6 .col-sm-3</div> <div class="col-xs-6 col-sm-3">.col-xs-6 .col-sm-3</div>  <div class="clearfix visible-xs-b

2018-09-12

1.1K0

bootstrap快速入门笔记（二）-栅格系统，响应式类

1，行row必须包含在 .container （固定宽度）或 .container-fluid （100% 宽度）中，一行有12列

2018-09-12

1.1K0

bootstrap快速入门笔记（一）

一，头部基本格式： <head lang="en"> <meta charset="UTF-8"> <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"> <meta name="format-detection" content="telephone=no" /> <title>标题</title> <link re

2018-09-12

3750

angularjs中常用的ng指令介绍【转载】

原文：http://www.cnblogs.com/lvdabao/p/3379659.html

2018-09-12

1.9K0

AngularJS入门教程：日期格式化

AngularJS入门教程：日期格式化【转载】本地化日期格式化： ({{ today | date:'medium' }})Nov 24, 2015 2:19:24 PM ({{ today | date:'short' }})11/24/15 2:19 PM ({{ today | date:'fullDate' }})Tuesday, November 24, 2015 ({{ today | date:'longDate' }})November 24, 2015 ({{ today | date:

2018-09-12

4590

推荐12个最好的 JavaScript 图形绘制库

　众多周知，图形和图表要比文本更具表现力和说服力。图表是数据图形化的表示，通过形象的图表来展示数据，比如条形图，折线图，饼图等等。可视化图表可以帮助开发者更容易理解复杂的数据，提高生产的效率和 Web 应用和项目的可靠性。

2018-09-12

7.3K0

js倒计时，秒倒计时，天倒计时

距某某开幕式还有 [<script language="JavaScript" type="text/javascript">djs()</script>] 天

2018-09-12

11.3K0

走进AngularJs(二) ng模板中常用指令的使用方式

　　通过使用模板，我们可以把model和controller中的数据组装起来呈现给浏览器，还可以通过数据绑定，实时更新视图，让我们的页面变成动态的。ng的模板真是让我爱不释手。学习ng道路还很漫长，从模板开始入手是个不错方式，因为这部分内容相对简单好理解，而且是视图层的东西，大家都喜欢可以立马看得见的东西嘛。本篇我将搜罗模板中的常用指令一一测试，了解其使用方法，有点像背单词的感觉，会比较枯燥。不过对于初学，这样的枯燥是必须要经历的，开始~

2018-09-12

2.9K0

CSS3 基础知识[转载minsong的博客]

CSS3 基础知识 1.边框 1.1 圆角 border-radius:5px 0 0 5px; 1.2 阴影 box-shadow:2px 3px 4px 5px rgba(0,0,0,0.5);(水平、垂直、模糊、扩展) box-shadow:inset 1px 2px 3px 4px #fff;(inset 内阴影) 1.3 边框图像 border-image 2.背景 2.1 background-size background-size:30px 30px;(背景图像宽度，背景图像高度) 2.2 background-image:linear-gradient(45deg,rgba(0,0,0,0.5) 25%,transparent 25%,transparent 50%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,0.5) 75%,transparent 75%,transparent);(线性渐变，和background-size一起用) 2.3 background-attachment:(fixed|scroll|local) fixed：背景图像相对于窗体固定。 scroll：背景图像相对于元素固定，也就是说当元素内容滚动时背景图像不会跟着滚动，因为背景图像总是要跟着元素本身。但会随元素的祖先元素或窗体一起滚动。 local：背景图像相对于元素内容固定，也就是说当元素随元素滚动时背景图像也会跟着滚动，因为背景图像总是要跟着内容。 2.4 background-position:30px 20px;(横坐标，纵坐标；是图片在动) 2.5 background-origin:(padding-box|border-box|content-box) padding-box：从padding区域（含padding）开始显示背景图像。 border-box：从border区域（含border）开始显示背景图像。 content-box：从content区域开始显示背景图像。 3.文本 3.1 文字阴影 text-shadow:5px 5px 4px #000;(水平，垂直，模糊) 3.2 换行 word-wrap:(normal|break-word) normal：允许内容顶开或溢出指定的容器边界。 break-word：内容将在边界内换行。如果需要，单词内部允许断行。 white-space:(normal|pre|nowrap|pre-wrap|pre-line) normal：默认处理方式。 pre：用等宽字体显示预先格式化的文本，不合并文字间的空白距离，当文字超出边界时不换行。可查阅pre对象 nowrap：强制在同一行内显示所有文本，直到文本结束或者遭遇br对象。 pre-wrap：用等宽字体显示预先格式化的文本，不合并文字间的空白距离，当文字碰到边界时发生换行。 pre-line：保持文本的换行，不保留文字间的空白距离，当文字碰到边界时发生换行。 3.3 省略号 width:200px; overflow:hidden; text-overflow:hidden; white-space:nowrap; 4.2D变换 4.1 旋转 transform:rotate(45deg); 4.2 移动 transform:translate(45px,45px);(水平，垂直) 4.3 缩放 transform:scale(2,2);(水平，垂直) 4.4 翻转 transform:skew(20deg,40deg);(沿X轴翻转，沿Y轴翻转) 4.5 将以上四个组合在一起 matrix(),需要六个参数，包含数学函数，允许您：旋转、缩放、移动以及倾斜元素。暂放 5.过渡 5.1 transition : [ transition-property ] || [ transition-duration ] || [ transition-timing-function ] || [ transition-delay ] [ transition-property ]：检索或设

2018-09-12

1.7K0

webstorm快捷键收集【转发】 WebStorm快捷键收集

WebStorm快捷键收集 1、webstorm快捷键： IntelliJ-Idea 的快捷键 Ctrl+/ 或 Ctrl+Shift+/ 注释（// 或者/*…*/ ） Shift+F6 重构-重命名 Ctrl+X 删除行 Ctrl+D 复制行 Ctrl+G 查找行 Ctrl+Shift+Up/Down 代码向上/下移动。 F2 或Shift+F2 高亮错误或警告快速定位写代码，按Tab 生成代码选中文本，按Ctrl+Shift+F7 高亮显示所有该文本，按Esc高亮消失。 Ctrl+B 快速打开光标

2018-09-12

6640

.NET 二维码生成（ThoughtWorks.QRCode）【转发jiangys】

2015-06-21 22:19 by jiangys, 3790 阅读, 8 评论, 收藏, 编辑

2018-09-12

6740

bootstrap快速入门笔记（八）-按钮，响应式图片

一，默认样式:.btn-default , .btn-primary , .btn-success ,.btn-info, btn-warning ,btn-link

2018-09-12

1.3K0

八种创建等高列布局【出自w3c】

高度相等列在Web页面设计中永远是一个网页设计师的需求。如果所有列都有相同的背景色，高度相等还是不相等都无关紧要，因为你只要在这些列的父元素中设置一个背景色就可以了。但是，如果一个或多个列需要单独设置自己的背景色，那么它的视觉完整性的设计就显得非常重要了。大家都知道当初Table实现等高列布局是多么的简单，但是我们使用CSS来创建等高列布局并非是那么容易的事情。

2018-09-12

1.3K0

移动端兼容适配js+css全局样式

这是研究了淘宝和拉钩以及网易的兼容全局样式后，提取的兼容样式，经过实战可用 css全局样式 @media screen and (max-width:321px){ body,html{font-size:15px} } @media screen and (min-width:321px) and (max-width:400px){ body,html{font-size:16px} } @media screen and (min-width:400px){ body,ht

2018-09-12

7.9K0

点击加载更多

社区活动

腾讯技术创作狂欢月

“码”上创作 21 天，分 10000 元奖品池！

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·千货材料·成员作品最新动态