文档章节

小小经验,不成敬意

持枪的绅士
 持枪的绅士
发布于 2016/06/12 20:49
字数 288
阅读 19
收藏 0
点赞 0
评论 0

1.如何快速完成布局 先分割,在组合,快速布局的前提是对设计图有比较好的认识,并且能将设计图分割成一个个块。

<div class="box-wrap">
        <div class="container">
            <div class="row">
                <div class="col-xs-4 box1"></div>
                <div class="col-xs-4 box1"></div>
                <div class="col-xs-4 box1"></div>
            </div>
            <div class="row">
                <div class="col-xs-6 box2"></div>
                <div class="col-xs-6 box2"></div>
            </div>
        </div>
    </div>

2.巧用tab键 2.1: div.classname + tab 快速完成带样式名的div 2.2: ul>li*5>a + tab 快速完成一个五列的无序列表 2.3: html:5+tab 快速完成页面初始化 2.4:a[href=#] + tab 快速完成a标签 2.5:ul>li.item$*3 定义多个带属性的元素

3.less使用技巧 3.1:定义与调用

@f:#fff;
.border-botm{
          border-bottom: 1px solid @f;
      }
     
      .box1{
          .border-botm;
          color: @f;
      }

3.2:嵌套

#header {
  h1 {
      font-size: 26px;
      font-weight: bold;
  }
  p {
      font-size: 12px;
      a {
          text-decoration: none;
          &:hover {
              border-width: 1px
          }
      }
  }
}

4.居中 4.1 通过maigin:0 auto;来居中 4.2 通过绝对定位来居中(子决父相)

html:
<div class="father">
  <div class="child">
  </div>
</div>

css:
.father{
          position: relative;
          width: 200px;
          height: 200px;
      }
      .child{
          position: absolute;
          width: 100px;
          height: 100px;
          left: 50%;
          margin-left: -50px;
      }

5.不定宽,高随意

6.display:inline-block 属性

7.层级关系

© 著作权归作者所有

共有 人打赏支持
持枪的绅士
粉丝 7
博文 10
码字总数 6993
作品 0
嘉兴
小勐拉新葡京的131705378*56和排骨萝卜汤

梁实秋是一位著名的作家,同时也是一位美食家。 抗战时期,梁实秋得知赵元任的太太杨步伟做的排骨萝卜汤是一绝,于是上门拜访,一尝果然如此。席中客人们一致要求主人要公开一下排骨萝卜汤烹...

wx5a51896a8bb4b
01/07
0
0
Gedit 推出官方正式 Windows 版本

最近 KDE win32 吸引了不少人的眼光,显然 GNOME 也是坐不住了,终于放出了官方的 Gedit for windows。这下 Linux 平台上的桌面环境战争不知不觉的开辟出一块新的战场,就如顶级人才在全世界...

红薯
2009/01/18
1K
0
求在linux下用boost线程库开发的经典实例

最近开始接触boost线程库的应用开发,小小小小小小小小鸟一只,望有相关经验的大鸟们多多指点,实例、编码建议等等都行,再声感谢~~

莫肖
2012/08/18
717
2
UWA STAR:知识的聚光生生不息

UWA问答社区是UWA团队精心打造的技术交流社区,至今已有近千个问题在UWA问答上得到了回答和解决。为了感谢并鼓励大家继续交流各自的真知灼见,我们设立了UWA STAR(知识的聚光者),寻找乐于...

uwa4d
05/07
0
0
RTL8201CP问题

最近搞一个新板子,用的网络PHY是RTL8201,替换原来的PHY,发现连接不上,在uboot里ping的时候,数据灯偶尔亮,link灯倒可以亮,不过这是没接tx+,tx-,rx+,rx-的49.9欧姆匹配电阻的情况。 如果...

长平狐
2012/06/12
191
0
互联网初始团队的人员配置

2014年要上马一个大型互联网类项目,我在思考应该组建一个什么样初始团队来持续交付这个网站。 经验浅薄,以下是一些不成形的想法,欢迎指正: 1、1个产品经理,负责定义产品,配1个UI设计师...

foodon
2014/01/08
296
2
求中型Java网站项目

小弟求中型网站项目,谁有好一点的Java网站项目,我是一个小小的做后台的Java程序员,想为自己增加点经验,求好一点的Java网站项目,中型的网站项目,最好有带上HTML静态页面和CSS的[后台熟练...

silent_lilu
2012/10/31
1K
4
刘强东发家书:春节不打烊,京东坚守“正道成功”

  除夕前的最后一天,刘强东高调发声,先是对仍坚守在京东一线岗位的员工们致以崇高敬意,然后点评了一下京东2016年的发展。2016年是京东第二个十二年的开局,也是京东向技术转型的关键布局...

王利阳
2017/01/26
0
0
【外刊IT评论】Lisp天才神话

本文是从 The myth of the Lisp genius 这篇文章翻译而来。 我痴迷于那些关于Lisp天才们的神话故事,那些具有超人的本领、用Lisp语言编写程序计算机怪才。我并不是说这种天才只是在神话里才有...

红薯
2011/05/19
1K
8
51cto 梦的开始

一转眼都已经到6月份了,离51CTO学院7月1日的四岁生日只有25天啦~~想想都有点小激动呢! 仔细回想,51cto陪伴我整整十个月23天了。这一路走来,真的很辛苦,但却很幸福,每一天都仿佛就在昨天...

一盏烛光
2017/06/13
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

人工智能你必须掌握的32个算法(二)归并排序算法

归并排序(MERGE-SORT)是建立在归并操作上的一种有效的排序算法,该算法是采用分治法(Divide and Conquer)的一个非常典型的应用。将已有序的子序列合并,得到完全有序的序列;即先使每个子...

木头释然
11分钟前
0
0
第十四章NFS服务搭建与配置

14.1 NFS介绍 NFS介绍 NFS是Network File System的缩写;这个文件系统是基于网路层面,通过网络层面实现数据同步 NFS最早由Sun公司开发,分2,3,4三个版本,2和3由Sun起草开发,4.0开始Netap...

Linux学习笔记
34分钟前
1
0
流利阅读笔记27-20180716待学习

生了娃照样能打,两位母亲温网会师 Lala 2018-07-16 1.今日导读 现今在生儿育女后回归事业的母亲们已经非常多见,但是很少有人想到,以高强度运动与竞争激烈为特色的竞技体育项目也会有 work...

aibinxiao
34分钟前
4
0
Guava 源码分析(Cache 原理【二阶段】)

前言 在上文「Guava 源码分析(Cache 原理)」中分析了 Guava Cache 的相关原理。 文末提到了回收机制、移除时间通知等内容,许多朋友也挺感兴趣,这次就这两个内容再来分析分析。 在开始之前...

crossoverJie
47分钟前
0
0
OSChina 周一乱弹 —— 如果是你喜欢的女同学找你借钱

Osc乱弹歌单(2018)请戳(这里) 【今日歌曲】 @guanglun :分享Michael Learns To Rock的单曲《Fairy Tale》 《Fairy Tale》- Michael Learns To Rock 手机党少年们想听歌,请使劲儿戳(这...

小小编辑
今天
574
16
NNS域名系统之域名竞拍

0x00 前言 其实在官方文档中已经对域名竞拍的过程有详细的描述,感兴趣的可以移步http://doc.neons.name/zh_CN/latest/nns_protocol.html#id30 此处查阅。 我这里主要对轻钱包开发中会用到的...

暖冰
今天
0
0
32.filter表案例 nat表应用 (iptables)

10.15 iptables filter表案例 10.16/10.17/10.18 iptables nat表应用 10.15 iptables filter表案例: ~1. 写一个具体的iptables小案例,需求是把80端口、22端口、21 端口放行。但是,22端口我...

王鑫linux
今天
0
0
shell中的函数&shell中的数组&告警系统需求分析

20.16/20.17 shell中的函数 20.18 shell中的数组 20.19 告警系统需求分析

影夜Linux
今天
0
0
Linux网络基础、Linux防火墙

Linux网络基础 ip addr 命令 :查看网口信息 ifconfig命令:查看网口信息,要比ip addr更明了一些 centos 7默认没安装ifconfig命令,可以使用yum install -y net-tools命令来安装。 ifconfig...

李超小牛子
今天
1
0
[机器学习]回归--Decision Tree Regression

CART决策树又称分类回归树,当数据集的因变量为连续性数值时,该树算法就是一个回归树,可以用叶节点观察的均值作为预测值;当数据集的因变量为离散型数值时,该树算法就是一个分类树,可以很...

wangxuwei
昨天
1
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部