我与Bootstrap的故事(九)

基础表单表单主要功能是用来与用户做交流的一个网页控件,良好的表单设计能够让网页与用户更好的沟通。表单中常见的元素主要包括:文本输入框、下拉选择框、单选按钮、复选按钮、文本域和按钮等。其中每个控件所起的作用都各不相同,而且不同的浏览器对表单控件渲染的风格都各有不同。同样,表单也是Bootstrap框架中的核心内容,下面向大家介绍Bootst...

       时间 : 2015-06-28| 栏目2 : 前端开发| 浏览 : 20,951 次| 评论 : 2 标签:, , [阅读全文]

    我与Bootstrap的故事(八)

    表格表格是Bootstrap的一个基础组件之一,Bootstrap为表格提供了1种基础样式和4种附加样式以及1个支持响应式的表格。在使用Bootstrap的表格过程中,只需要添加对应的类名就可以得到不同的表格风格,在接下来的内容中,我们会详细介绍Bootstrap的表格使用。同样的,如果你对CSS预处理器熟悉,你可以使用Bootstrap...

         时间 : 2015-06-28| 栏目2 : 前端开发| 浏览 : 1,697 次| 暂无评论 标签:, , [阅读全文]

      我与Bootstrap的故事(七)

      代码本节内容相对来说比较简单,一般在个人博客上使用的较为频繁,用于显示代码的风格。在Bootstrap主要提供了三种代码风格:1、使用<code></code>来显示单行内联代码2、使用<pre></pre>来显示多行块代码3、使用<kbd></kbd>来显示用户输入...

           时间 : 2015-06-28| 栏目2 : 前端开发| 浏览 : 1,680 次| 暂无评论 标签:, , [阅读全文]

        我与Bootstrap的故事(六)

        在HTML文档中,列表结构主要有三种:有序列表、无序列表和定义列表。具体使用的标签说明如下:无序列表<ul>     <li>…</li> </ul>有序列表<ol>     <li>...

             时间 : 2015-06-28| 栏目2 : 前端开发| 浏览 : 1,741 次| 暂无评论 标签:, , [阅读全文]

          我与Bootstrap的故事(五)

          强调内容在实际项目中,对于一些重要的文本,希望突出强调的部分都会做另外的样式处理。Bootstrap同样对这部分做了一些轻量级的处理。如果想让一个段落p突出显示,可以通过添加类名“.lead”实现,其作用就是增大文本字号,加粗文本,而且对行高和margin也做相应的处理。粗体粗体就是给文本加粗,在普通的元素中我们一般通过font-weig...

               时间 : 2015-06-28| 栏目2 : 前端开发| 浏览 : 3,032 次| 评论 : 2 标签:, , [阅读全文]

            我与Bootstrap的故事(四)

            段落(正文文本)段落是排版中另一个重要元素之一。在Bootstrap中为文本设置了一个全局的文本样式(这里所说的文本是指正文文本):1、全局文本字号为14px(font-size)。2、行高为1.42857143(line-height),大约是20px(大家看到一串的小数或许会有疑惑,其实他是通过LESS编译器计算出来的,当然Sass也...

                 时间 : 2015-06-28| 栏目2 : 前端开发| 浏览 : 1,667 次| 暂无评论 标签:, , [阅读全文]

              我与Bootstrap的故事(三)

              标题Bootstrap和普通的HTML页面一样,定义标题都是使用标签<h1>到<h6>,只不过Bootstrap覆盖了其默认的样式,使用其在所有浏览器下显示的效果一样,具体定义的规则可以如下表所示:通过比较可以发现,Bootstrap标题样式进行了以下显著的优化重置:1、重新设置了margin-top和margin...

                   时间 : 2015-06-28| 栏目2 : 前端开发| 浏览 : 1,483 次| 暂无评论 标签:, , [阅读全文]

                我与Bootstrap的故事(二)

                全局样式在制作Web页面时,前端人员都习惯为网站设置一个全局样式(reset.css)。那么在Bootstrap框架中也不例外。Bootstrap框架的核心是轻量的CSS基础代码库,他并没有一味的重置样式,而是注重各浏览器基础表现,降低开发难度。大部分前端人员都具有归零的思想,但实际你会发现,归零之后的样式在开发过程中会存在着潜在的问题,...

                     时间 : 2015-06-28| 栏目2 : 前端开发| 浏览 : 1,524 次| 暂无评论 标签:, , [阅读全文]

                  Wordpress之Gravatar头像被墙完美解决方案

                          貌似从前天开始,Gravatar 头像服务就被彻底屏蔽了,国内没办法正常访问,就连之前使用的缓存头像到本地的方法,在国内主机中也失效了。今天在几个朋友的帮助下发现Gravatar 应该是彻底被墙了,根本无法访问了,可能是最近大会或者什么其他原因...

                       时间 : 2015-06-28| 栏目2 : 其他| 浏览 : 2,891 次| 评论 : 2 标签:, , [阅读全文]

                    路上 1 元钱没人捡,网上 5 分钱为何我们抢疯了?

                    现在地上要是有 1 元钱,粘点泥巴,那是没人捡了,可是网上什么“淘金币”、“京豆”,折算下来,1 点也就值 1 分钱,一般是 5 个点,5 个点也就 5 分钱,并且前提是买了很多东西的情况下才把这个计作折扣。但是你知道我们要挣这 5 分钱需要花多少时间吗?我算了一下:从拿起手机,到启动软件,到按钮点击,到“淘金币”或“京豆”到手是 20 ...

                         时间 : 2015-06-27| 栏目2 : 生活随笔| 浏览 : 3,547 次| 评论 : 2 [阅读全文]

                      条件注释判断浏览器

                      一个页面里面只能有一句这样的判断 我们常常会在网页的HTML里面看到形如[if lte IE 9]……[endif]的代码,表示的是限定某些浏览器版本才能执行的语句,那么这些判断语句的规则是什么呢?请看下文:<!--[if !IE]><!--> 除IE外都可识别 <!--<![endif]--...

                           时间 : 2015-06-12| 栏目2 : 前端开发| 浏览 : 1,374 次| 暂无评论 标签:, [阅读全文]

                        世界需要程序员

                        现象先看一个制度http://market.scol.com.cn/new/html/xfzlb/20131025/xfzlb674486.html1996年民航总局制定的 《中国民用航空旅客、行李国内运输规则》第十五条规定:2—12周岁的儿童按 “适用成人票价的50%购买儿童票”。用C#描述:public ...

                             时间 : 2015-06-09| 栏目2 : 生活随笔| 浏览 : 1,527 次| 暂无评论 标签:, [阅读全文]