CSS+DIV布局初练—DIV元素必须成对出现？

一直做C/S开发的工作，但是很少做和布局相关的工作，往往都是同事将界面设计好，自己填写代码而已，对于B/S的工作，做过，但是很少没有像C/S这么多，界面布局的话，更无从谈起。

日子就这么过，一天一个样字，时间多了自己写博客，写心得，时间紧张了，要么转载别人的，要么干脆就不写了，这种心情不知道大家能理解不？今天心血来潮，决定自己尝试一下这个传说中的CSS，其实做布局首先是要分块，将界面分为自己想要的几个部分，在Winform中，一般都是通过panel+doc属性搞定，如果仔细想想，其实这个panel实际上是起到了划分占位的作用，那么在CSS中布局，划分就应该是用div来完成，本人不才，习惯了Winform的开发，所以第一个布局还是按照Winform的风格来练习的。

在CSS中DIV 属于块级别元素，块元素（例如div）在没有任何布局属性作用时，默认排列方式是换行排列，也就是说宽度是100%，即便它的高度是1px，它也会占居整行。但是在今天使用div的时候，发现一个问题，这个问题让我找了半天，我的效果本应该是下面的：

 

效果的代码如下，大家不要嘲笑，这个布局在做C/S开发的时候很常见，也很容易，但是在CSS这，我搞了半天。

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="_10_1.WebForm1" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <style type="text/css">
        #t1
        {
            float:left;
        
            
            
        }
        
        body
        {
            width : 100%;
            height:100%;
             margin:0,0,0,0
        }
        #top
        {
            width : 100%;
            height:50px;

            background-color:Silver
          
            
        }
          .mapstyle1
        {
            height : 100%;
            width:40px;

            background-color:Purple
        }
     
        
        
        #t2
        {
            height: 60px;
            width :100%;
               
        }
        #main
        {
         width:100%;
         height:300px;
   
          
        }
        
        #main #t2 #t3
        {
            width:56px; 
            height:100%; 
            float:right; 
            background-color:Red;
         
           
        } 
        #main #t2 #map
        {
             height: 60px; 
             width:95%;
             background-color:Orange;
             float:left
        }
        #main .bottom
        {
            height:10px; 
            background-color:  Green
           
           
        }
        
    </style>
    <script type="text/javascript">

        window.onload = function () {
//            var btn1 = document.getElementById("map");
//            btn1.className = "mapstyle1"

//            btn1.onclick = function () {
//                alert("hello");
//            }
        }
    
    </script>
</head>
<body>
<div id="main">

   <div  id ="top"></div>

  <div id="t2" >
        <div  id="t1" class="mapstyle1" >
        </div>       
        <div id="map"></div>
       <div id="t3">

       </div>
   </div>

    <div  id ="bt" class="bottom"></div>



 </div>
</body>
</html>

在开始的时候，我将id为top的div 写成

<div  id ="top"/>

结果效果成了下面的样子：

这个结果是id为top的div没有出现，在google浏览器中调试发现高度为0，当将

<div  id ="top"/>

改成

<div  id ="top"></div>

效果就出来了，看来div必须成对出现呀！

在这里还学习了float的用法。

上面说过，如果给div不做任何布局，那么这个div会占据正行，该div下面的一个新的div会另起一行，如何让这两个div元素并排显示呢？float就可以解决这个问题。

 

CSS的float属性，作用就是改变块元素(block element)对象的默认显示方式，HTML标签设置了float属性之后，它将不再独自占据一行，使用了float标记的元素将脱离标准流, 标准流指的是在不使用其他的与排列和定位相关的特殊CSS规则时，各种元素的排列规则，块状元素从上往下，内联元素从左向右的排列，当使用了relative，float等设置后，排列就不是按照标准流了。

 浮动(float)细节：
      1.左(右)浮动元素，尽量靠近父元素左(右)内边沿。
      2.浮动元素尽量不去重叠交叉。
      3.浮动元素尽可能高，当不会高于父元素顶内边沿。

你可能感兴趣的:(css+div)

  • 在SVG图里加按钮 lckj2009 SVGbuttondivclassjavascriptfunctioninput
    有时因为一些需要，要在SVG图里加按钮之类的东西，让按钮显示在SVG图上,一般有2种办法：1、比较常见的是网上所说的在embed标签里加wmode="Transparent"的属性，这种办法的好处是可以随意用CSS+DIV给按钮在网页中定想要的位置说。例子：body{font-family:Arial,Helvetica,sans-serif;margin:0auto;font-size:12px
  • 自学前端学习笔记html5(简称H5) Informal杨
    image.pngimage.pngimage.pngH5在语义上的改进在此基础上，HTML5增加了大量有意义的语义标签，更有利于搜索引擎或辅助设备理解HTML页面内容。HTML5会让HTML代码的内容更结构化、标签更语义化。我们常见的css+div布局是：image.png在html5中，我们可以这样写：image.pngH5的经典网页布局：H5中新增的语义标签表示区块表示文章。如文章、评论、帖
  • [HTML]Web前端开发技术10（HTML5、CSS3、JavaScript ）CSS+DIV页面布局，固定定位，相对定位relative，绝对定位absolute，层定位的应用——喵喵画网页 猫佛佛 喵喵画网页html前端html5网页制作css3计算机学习
    希望你开心，希望你健康，希望你幸福，希望你点赞！最后的最后，关注喵，关注喵，关注喵，佬佬会看到更多有趣的博客哦！！！喵喵喵，你对我真的很重要！目录前言课后练习网页标题：固定定位网页标题：相对定位relative网页标题：绝对定位absolute网页标题：层定位的应用总结前言上一章的内容蛮多的，这是上一章配的部分练习题！佬佬加油鸭！课后练习这几个题是上一章的题网页标题：公司主页使用div容器标签对网
  • [zz]css绝对定位、相对定位和文档流的那些事 libertea 学习记录
    前言http://www.cnblogs.com/tim-li/archive/2012/07/09/2582618.html接触html、和css时间也不短了，但每次用div+css布局的时候心里还是有点儿虚,有时候干脆就直接用table算了,很多时候用div会出现些不可预料的问题,虽然花费一定时间能够解决，但总不是个事，所以今天特地探索了下css+div的绝对定位和相对定位和文档流的关系。文档
  • 盒子模型——CSS+DIV页面布局浮动定位 迪卢克的现任 csshtmlcss
    目录一、页面布局主要步骤二、CSS的定位机制三、浮动布局1.浮动属性：2.清除浮动总结一、页面布局主要步骤(1)确定版心：网页的主体内容,在页面中水平居中显示(2)分析页面中的模块：简单的页面布局，主要由头部（header）、导航（nav）、焦点图（banner）、内容（content）、页面底部（footer）五部分组成(3)控制页面中各个模块：这个布局中，div承载的是内容，而css承载的是样
  • CSS+div笔记 往事不堪回首..
    CSS中的块级元素与行内元素块级元素特性：1.占据一整行，总是重起一行并且后面的元素也必须另起一行显示。2.内联元素特性：3.和其他内联元素显示在同一行。块级元素列举如下：div（文档分区）,article（文章内容）,aside（伴随内容）,audio（音频播放）,blockquote（块引用）,canvas（绘制图形）,dd（定义列表中定义条目描述）,dl（定义列表）,fieldset（表单元
  • PPT办公软件网页素材资源下载类网站源码 dedecms织梦模板 利于SEO优化 www_5438xiazai 程序源码网站源码建站模板超漂亮聊客HTML官网源码
    简介：织梦内核开发的模板，该模板属于图片素材、PPT素材、Excel素材、Word素材、网页素材类企业都可使用，这款模板使用范围极广，不仅仅局限于一类型的企业，你只需要把图片和产品内容换成你的，颜色都可以修改，改完让你耳目一新的感觉！模板特点：1.一款利于SEO的模板，手工CSS+DIV，图片ALT，H系列标签已合理运用；2.同步手机站功能，手机站很强大；3.模板包含会员注册登录功能，以及QQ登录
  • 2023最新织梦PPT网页素材资源下载类网站源码+网页整体利于SEO优化 fwerfb 源码前端htmlcss
    正文:模板介绍：织梦最新内核开发的模板，该模板属于图片素材、PPT素材、Excel素材、Word素材、网页素材类企业都可使用，这款模板使用范围极广，不仅仅局限于一类型的企业，你只需要把图片和产品内容换成你的，颜色都可以修改，改完让你耳目一新的感觉！模板特点：1.一款利于SEO的模板，手工CSS+DIV，图片ALT，H系列标签已合理运用；2.同步手机站功能，手机站很强大；程序:wwgseo.lanz
  • “我的家乡”项目实践--WEB前端系统基础 小孙同志在学习 前端csshtml
    实验目的：通过本实验操作，要求学生掌握HTML5中基本标签的使用、CSS3语法及样式的设定以及CSS3的动画效果，能熟练应用CSS页面布局与定位的方法，运用本学期所学的知识，完成“我的家乡”项目实践。实验要求：1.熟练掌握HTML5常用标签的使用。2.熟练掌握CSS3的语法结构和选择器的使用。3.掌握应用无序列表制作水平导航栏。4.掌握用CSS+DIV对页面进行布局。5.掌握float浮动定位的应
  • 鼠标划过多级联动菜单制作方案 张晓峰官方账号
    如果你的项目需要制作3级以上联动菜单，就是那种鼠标划过一级菜单时二级菜单会显现、并同时会显示一个默认的三级菜单，而划过二级菜单则对应的三级菜单轮动显现的那种你会怎么做？是用css+div来制作还是用css+div+javascript，还是用jquery呢？这里介绍一个纯css制作三级联动菜单的方案。假设你的项目要求制作一个划过位于顶部的多个主菜单之后显示与主菜单相对应的左、右侧的导航子菜单，左边
  • CSS+div总结 盖丽男 web开发Web前端css
    根据学习计划，将视频进行了学习，之前就知道css是基础，然后一致认为既然是基础，应该比较简陋吧，结果经过学习才发现，css的效果也是很炫的啊，然后学习完了视频，自己又找了一些教程。下面就简单介绍一下我所认识的css吧。什么是css呢？层叠样式表（英语：CascadingStyleSheets，简写CSS），又称串样式列表、级联样式表、串接样式表、层叠样式表、階層式樣式表，一种用来为结构化文档（如H
  • 品优购实战 Scincyc
    目标：能会引入ico图标能简单看懂网站优化的三大标签能使用字体图标(重点)能说出我们css属性书写顺序1.品优购项目介绍复习、总结、提高前面所学布局技术，完成首页、列表页、详情页、注册页面的制作技术栈：HTML结构+CSS布局2.设计目标保证浏览器ie7及以上,火狐,360,safari，chrome等熟悉CSS+DIV布局，页面的搭建工作了解常用电商类网站的布局模式为后期品优购移动端做铺垫3.前
  • asp.net+sqlserver基于web的在校大学生贷款管理系统 qq_3166678367 asp.netsqlserver前端
    采用的技术：1.ASP.NET框架；2.SQLServer数据库；3.AJAX技术：它不是一种新的编程语言，而是一种用于创建更好更快以及交互性更强的Web应用程序的技术；4.HTML,CSS+DIV,代码实现静态页面；开发工具：1.VisualStudio20122.SQLServer系统主要实现：学生注册、填写详细资料、申请贷款、学校审核、银行审核、贷后管理等功能，(1)学生注册：学生通过注册用
  • CSS+div布局总结（快速入门，附代码） popofzk 前端csscsshtml前端
    文章目录定位相对定位绝对定位固定定位堆叠顺序display预备知识：块状&行内元素的互换：隐藏元素：设置透明度：盒子模型预备知识：margin快速设置：居中显示：外边距合并：子父类div：margin负值：边框borderpadding怪异盒模型：div+css布局注意事项定位相对定位以当前为参照物移动指定的距离注意：相对定位，被定位的元素会占据原有的物理位置相对定位div{width:200px
  • 2020-03-11 提笔执江山
    CSS简述HTML》》页面的结构》》人的面部CSS》》美化页面》》给人化妆CSS:层叠样式表层叠：一层一层叠加样式表：存储样式的地方，多个样式CSS可以使HTML页面更好看，CSS+DIV布局更加灵活，更容易绘制出用户需要的结构。CSS作用：修饰HTML页面，更丰富多彩地展示超文本信息二.CSS入门案列1.创建一个HTML文件2.在HTML上创建一个字体标签3.字体标签中新增一个style属性，并
  • CSS布局发展史以及预处理器的简单认识 前白
    相信对于知道前端这个词的人应该都听说过CSS吧。提到CSS我们应该容易想到传统CSS带来的一些局限性，实际上在CSS的整个发展历史上，总共经历了4次的布局革命，从初代的table布局到CSS+DIV布局，再到现在比较流行的的Flex布局和Grid布局。初代的table布局实际上这个布局在目前的HTML5的规范中已经不存在了，但是还是可以稍微了解一下的：Thiswouldbesomefontbrok
  • 2020-03-09 王月坤
    css一，css简述1.css是什么？有什么作用HTNL》》页面的结构》》人的面部css》》美化页面》》给人化妆2.scc:层叠样式表层叠：一层一层叠加样式表：储存样式的地方，多个样式给一个人的面部化妆：口红，眼影，粉底html标签样式1样式二样式三css可以使HTML页面给好看，css+div布局更加灵活，更加容易二，为什么使用css代替html属性设置样式因为html属性在单独使用时有一定的局
  • 向左走，向右走：两种不同的圣杯布局实现 晴天小雨不感冒
    圣杯布局是一种比较经典的布局方案。目前各大商城首页都采取该布局方案。目前有两种实现方式比较流行，分别是传统的css+div的布局方案以及由css3的flex特性实现的更简洁的布局方案。两种方案各有优缺点，那么，让我们看看具体的实现吧。传统的css+div实现方式传统模式的基本原理为：利用容器元素的padding偏移和子元素的浮动和margin偏移特性实现圣杯布局。代码如下：Document#con
  • 2018-11-05 CSS+div => 水平居中、垂直居中、水平垂直居中 __唐一__
    HTML代码CSS代码.father{width:500px;height:300px;background-color:lightskyblue;}.son{width:100px;height:100px;background-color:lightgreen;}初始效果以下代码都是基于上面代码添加A=>水平居中效果预览flex方式.father{display:flex;justify-co
  • 【前端】参考C站动态发红包界面，高度还原布局和交互 小5聊 前端javascripthtmlcss
    最近有些小伙伴咨询博主说前端布局好难，其实都是熟能生巧！模仿C站动态发红包界面，css+div实现布局，纯javascript实现交互效果目录1、界面效果2、界面分析2.1、整体结构2.2、标题2.3、表单2.4、按钮3、代码实现3.1、标题区域布局3.2、表单区域3.2.1、祝福语3.2.2、红包数量3.2.3、红包总金额3.2.4、余额支付3.3、确认按钮区域4、完整代码5、基础知识点1、界面
  • Position属性四个值：static、fixed、absolute和relative的区别和用法 姀影
    Position属性四个值：static、fixed、absolute和relative的区别和用法在用CSS+DIV进行布局的时候，一直对position的四个属性值relative,absolute,static,fixed分的不是很清楚，以致经常会出现让人很郁闷的结果。今天研究了一下，总算有所了解。在此总结一下：先看下各个属性值的定义：1、static（静态定位）：默认值。没有定位，元素出现
  • Java学习的第四天(前端：CSS+盒子模型) 飞奔的嗨少
    CSS（层叠样式表）作用：布局控制和美化界面为什么要用到CSS呢？？首先HTML中的属性已经不足以完全满足目前的编程需要，例如HTML中的字体大小只有1-6；而CSS作为拓展HTML而存在，它内部包含各种功能强大的属性可以用来去制作网页，它的字体大小font-size：数字可以无限大。除此之外我们目前主要是通过CSS+div去控制页面布局（比表格进行布局方便的多）如何去理解HTMLCSSJavaS
  • 基于MVC的网上汽车城网站平台开发 一枚小小程序员哈 mvcasp.net后端
    摘要随着现代都市生活节奏的不断加快、网络覆盖面的日益扩大，越来越多的人们加入了网上购物的行列。如今，网购已经成为人们生活的一部分。本系统主要是使用B/S架构开发出的一个基于ASP.NET的网上汽车城网站平台开发。前台页面使用CSS+DIV，后台使用SQLServer作为数据库，系统的设计主要针对商品的销售，为网站使用定位的目标人群。通过网上汽车城网站平台开发这个平台，可以使购物者足不出户就能了解丰
  • 自己怎么搭建一个网站？【自己建立网站】 小帆建网站小程序制作 网站建设网站制作网站建设网站制作
    说到建立网站，有些动手能力比较强的小伙伴可能就在想自己怎么搭建一个网站。想自己搭建一个网站，至少也是需要看懂html和css+div这些编程代码的，如果不懂代码就只能另寻方法了。那么自己怎么搭建一个网站？现在市面上有很多的建站工具，可以帮助很多企业商家甚至个人怎么搭建一个网站的难题。第1步：申请域名自己建网站的话也是需要准备一个域名，不过不同于公司企业，个人用户对域名的要求并没有那么高，普通的.c
  • css圆角边框怎么设置 大哥手下留情 CSS样式csshtml前端
    css+div是页面设计的法宝，通过css+div能够设计出各种效果！本文给大家简单介绍下css圆角边框怎么设置，大家可以参考，也可以直接拿过去使用，当然要修改下具体的参数。border-radius属性可以接受一到四个值。规则如下：圆角边框（border-radius）的基本用法：border-radius属性是一个简写属性，用于设置四个圆角的属性。圆角边框的最基本用法就是设置四个相同弧度的圆角
  • CSS+DIV网页布局 dongbeirenhe cssdiv工作html浏览器语言
    从1990年代初HTML被发明开始样式表就以各种形式出现了，不同的浏览器结合了它们各自的样式语言，读者可以使用这些样式语言来调节网页的显示方式。一开始样式表是给读者用的，最初的HTML版本只含有很少的显示属性，读者来决定网页应该怎样被显示。但随着HTML的成长，为了满足设计师的要求，HTML获得了很多显示功能。随着这些功能的增加外来定义样式的语言越来越没有意义了。1994年哈坤·利提出了CSS的最
  • 前端开发都有什么编程语言？ 易思训学院 前端javascripthtml5
    一、HTML这个是最简单的，也是最基础的。要熟练掌握div、formtable、ulli、p、span、font这些标签，这些都是最常用的，特别是div和table，div用于布局、table也可以用于布局，但是不灵活，基本table是用来和数据打交道。二、CSS一般我们看到web前端开发工程师的要求里面，有一个会使用css+html或者css+div来进行界面布局，所以css是用于辅助html来
  • CSS clear both清除浮动 一片云天
    CSSclearboth清除浮动DIV+CSSclearboth清除产生浮动我们知道有时使用了cssfloat浮动会产生css浮动，这个时候就需要清理清除浮动，我们就用clear样式属性即可实现。接下来我们来认识与学习cssclear知识与用法。clear清除浮动目录clear语法与结构divclear常用地方css+div案例DIVCSS5总结一、clear语法与结构-TOP1、clear语法：
  • css/div/兼容性及常见bug 青零羽笙 基础csshtmlhtml5
    css+div基础盒子水平垂直居中px、em、em的区别src和href的区别link和@import的区别清除浮动的几种方法BFC(BlockFromattingContext)块级格式化上下文定位的区别标准盒和怪异盒的区别弹性盒有哪些属性flex弹性布局flex布局属性常见的布局如下：1、flex设置元素水平垂直居中2、用flex布局制作导航栏3、图文并排的样式：左边是图片，右边是文字4、固定
  • 回忆毕业这8年 冰心无痕 其他
    13年毕业至今，已经8年光阴；不经感慨时光如葱；怀念大学4年单纯努力，做着自己喜欢的事情；那个时候总觉得只要努力，没有什么是实现不了的；的确4年期间，收获了很多；大一获得了一等奖学金，买了人生中第一台IPAD，很开心；大一暑期开始帮助学院做互联网项目，制作了教师投票系统（第一个实用的WEB项目），大二开始自己做项目赚生活费，也渐渐成为了同学口中的大神，学了CSS+DIV，PHP，大二去学长公司实习
  • jsonp 常用util方法 hw1287789687 jsonpjsonp常用方法jsonp callback
    jsonp 常用java方法 (1)以jsonp的形式返回:函数名(json字符串) /*** * 用于jsonp调用 * @param map : 用于构造json数据 * @param callback : 回调的javascript方法名 * @param filters : <code>SimpleBeanPropertyFilter theFilt
  • 多线程场景 alafqq 多线程
    0 能不能简单描述一下你在java web开发中需要用到多线程编程的场景？0 对多线程有些了解，但是不太清楚具体的应用场景，能简单说一下你遇到的多线程编程的场景吗？ Java多线程 2012年11月23日 15:41 Young9007 Young9007 4 0 0 4 Comment添加评论关注(2) 3个答案 按时间排序 按投票排序 0 0 最典型的如： 1、
  • Maven学习——修改Maven的本地仓库路径 Kai_Ge maven
          安装Maven后我们会在用户目录下发现.m2 文件夹。默认情况下，该文件夹下放置了Maven本地仓库.m2/repository。所有的Maven构件(artifact)都被存储到该仓库中，以方便重用。但是windows用户的操作系统都安装在C盘，把Maven仓库放到C盘是很危险的，为此我们需要修改Maven的本地仓库路径。    
  • placeholder的浏览器兼容 120153216 placeholder
    【前言】 自从html5引入placeholder后，问题就来了， 不支持html5的浏览器也先有这样的效果， 各种兼容，之前考虑，今天测试人员逮住不放， 想了个解决办法，看样子还行，记录一下。   【原理】 不使用placeholder，而是模拟placeholder的效果， 大概就是用focus和focusout效果。   【代码】 <scrip
  • debian_用iso文件创建本地apt源 2002wmj Debian
    1.将N个debian-506-amd64-DVD-N.iso存放于本地或其他媒介内，本例是放在本机/iso/目录下 2.创建N个挂载点目录 如下： debian:~#mkdir –r /media/dvd1 debian:~#mkdir –r /media/dvd2 debian:~#mkdir –r /media/dvd3 …. debian:~#mkdir –r /media
  • SQLSERVER耗时最长的SQL 357029540 SQL Server
    对于DBA来说，经常要知道存储过程的某些信息： 1.   执行了多少次 2.   执行的执行计划如何 3.   执行的平均读写如何 4.   执行平均需要多少时间 列名          &
  • com/genuitec/eclipse/j2eedt/core/J2EEProjectUtil 7454103 eclipse
    今天eclipse突然报了com/genuitec/eclipse/j2eedt/core/J2EEProjectUtil 错误，并且工程文件打不开了，在网上找了一下资料，然后按照方法操作了一遍，好了，解决方法如下： 错误提示信息： An error has occurred.See error log for more details. Reason: com/genuitec/
  • 用正则删除文本中的html标签 adminjun javahtml正则表达式去掉html标签
    使用文本编辑器录入文章存入数据中的文本是HTML标签格式，由于业务需要对HTML标签进行去除只保留纯净的文本内容，于是乎Java实现自动过滤。 如下： public static String Html2Text(String inputString) { String htmlStr = inputString; // 含html标签的字符串 String textSt
  • 嵌入式系统设计中常用总线和接口 aijuans linux 基础
                   嵌入式系统设计中常用总线和接口         任何一个微处理器都要与一定数量的部件和外围设备连接，但如果将各部件和每一种外围设备都分别用一组线路与CPU直接连接，那么连线
  • Java函数调用方式——按值传递 ayaoxinchao java按值传递对象基础数据类型
    Java使用按值传递的函数调用方式，这往往使我感到迷惑。因为在基础数据类型和对象的传递上，我就会纠结于到底是按值传递，还是按引用传递。其实经过学习，Java在任何地方，都一直发挥着按值传递的本色。   首先，让我们看一看基础数据类型是如何按值传递的。   public static void main(String[] args) { int a = 2;
  • ios音量线性下降 bewithme ios音量
    直接上代码吧   //second 几秒内下降为0 - (void)reduceVolume:(int)second { KGVoicePlayer *player = [KGVoicePlayer defaultPlayer]; if (!_flag) { _tempVolume = player.volume;
  • 与其怨它不如爱它 bijian1013 选择理想职业规划
            抱怨工作是年轻人的常态，但爱工作才是积极的心态，与其怨它不如爱它。         一般来说，在公司干了一两年后，不少年轻人容易产生怨言，除了具体的埋怨公司“扭门”，埋怨上司无能以外，也有许多人是因为根本不爱自已的那份工作，工作完全成了谋生的手段，跟自已的性格、专业、爱好都相差甚远。  
  • 一边时间不够用一边浪费时间 bingyingao 工作时间浪费
    一方面感觉时间严重不够用，另一方面又在不停的浪费时间。 每一个周末，晚上熬夜看电影到凌晨一点，早上起不来一直睡到10点钟，10点钟起床，吃饭后玩手机到下午一点。 精神还是很差，下午像一直野鬼在城市里晃荡。 为何不尝试晚上10点钟就睡，早上7点就起，时间完全是一样的，把看电影的时间换到早上，精神好，气色好，一天好状态。 控制让自己周末早睡早起，你就成功了一半。 有多少个工作
  • 【Scala八】Scala核心二：隐式转换 bit1129 scala
    Implicits work like this: if you call a method on a Scala object, and the Scala compiler does not see a definition for that method in the class definition for that object, the compiler will try to con
  • sudoku slover in Haskell (2) bookjovi haskellsudoku
    继续精简haskell版的sudoku程序，稍微改了一下，这次用了8行，同时性能也提高了很多，对每个空格的所有解不是通过尝试算出来的，而是直接得出。   board = [0,3,4,1,7,0,5,0,0, 0,6,0,0,0,8,3,0,1, 7,0,0,3,0,0,0,0,6, 5,0,0,6,4,0,8,0,7,
  • Java-Collections Framework学习与总结-HashSet和LinkedHashSet BrokenDreams linkedhashset
            本篇总结一下两个常用的集合类HashSet和LinkedHashSet。         它们都实现了相同接口java.util.Set。Set表示一种元素无序且不可重复的集合；之前总结过的java.util.List表示一种元素可重复且有序
  • 读《研磨设计模式》-代码笔记-备忘录模式-Memento bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ import java.util.ArrayList; import java.util.List; /* * 备忘录模式的功能是，在不破坏封装性的前提下，捕获一个对象的内部状态，并在对象之外保存这个状态，为以后的状态恢复作“备忘”
  • 《RAW格式照片处理专业技法》笔记 cherishLC PS
    注意，这不是教程！仅记录楼主之前不太了解的 一、色彩（空间）管理 作者建议采用ProRGB（色域最广），但camera raw中设为ProRGB，而PS中则在ProRGB的基础上，将gamma值设为了1.8（更符合人眼） 注意：bridge、camera raw怎么设置显示、输出的颜色都是正确的（会读取文件内的颜色配置文件），但用PS输出jpg文件时，必须先用Edit->conv
  • 使用 Git 下载 Spring 源码 编译 for Eclipse crabdave eclipse
    使用 Git 下载 Spring 源码 编译 for Eclipse   1、安装gradle，下载 http://www.gradle.org/downloads 配置环境变量GRADLE_HOME，配置PATH  %GRADLE_HOME%/bin，cmd，gradle -v   2、spring4 用jdk8 下载 https://jdk8.java.
  • mysql连接拒绝问题 daizj mysql登录权限
    mysql中在其它机器连接mysql服务器时报错问题汇总 一、[running][email protected]:~$mysql -uroot -h 192.168.9.108 -p   //带-p参数，在下一步进行密码输入 Enter password:    //无字符串输入 ERROR 1045 (28000): Access
  • Google Chrome 为何打压 H.264 dsjt applehtml5chromeGoogle
    Google 今天在 Chromium 官方博客宣布由于 H.264 编解码器并非开放标准，Chrome 将在几个月后正式停止对 H.264 视频解码的支持，全面采用开放的 WebM 和 Theora 格式。 Google 在博客上表示，自从 WebM 视频编解码器推出以后，在性能、厂商支持以及独立性方面已经取得了很大的进步，为了与 Chromium 现有支持的編解码器保持一致，Chrome
  • yii 获取控制器名 和方法名 dcj3sjt126com yiiframework
    1. 获取控制器名 在控制器中获取控制器名:  $name = $this->getId(); 在视图中获取控制器名:    $name = Yii::app()->controller->id;    2. 获取动作名  在控制器beforeAction()回调函数中获取动作名:  $name =
  • Android知识总结（二） come_for_dream android
    明天要考试了，速速总结如下   1、Activity的启动模式        standard：每次调用Activity的时候都创建一个（可以有多个相同的实例，也允许多个相同Activity叠加。）        singleTop：可以有多个实例，但是不允许多个相同Activity叠加。即，如果Ac
  • 高洛峰收徒第二期：寻找未来的“技术大牛” ——折腾一年，奖励20万元 gcq511120594 工作项目管理
    高洛峰，兄弟连IT教育合伙人、猿代码创始人、PHP培训第一人、《细说PHP》作者、软件开发工程师、《IT峰播》主创人、PHP讲师的鼻祖！ 首期现在的进程刚刚过半，徒弟们真的很棒，人品都没的说，团结互助，学习刻苦，工作认真积极，灵活上进。我几乎会把他们全部留下来，现在已有一多半安排了实际的工作，并取得了很好的成绩。等他们出徒之日，凭他们的能力一定能够拿到高薪，而且我还承诺过一个徒弟，当他拿到大学毕
  • linux expect heipark expect
    1. 创建、编辑文件go.sh   #!/usr/bin/expect spawn sudo su admin expect "*password*" { send "13456\r\n" } interact    2. 设置权限   chmod u+x go.sh  3.
  • Spring4.1新特性——静态资源处理增强 jinnianshilongnian spring 4.1
    目录 Spring4.1新特性——综述 Spring4.1新特性——Spring核心部分及其他 Spring4.1新特性——Spring缓存框架增强 Spring4.1新特性——异步调用和事件机制的异常处理 Spring4.1新特性——数据库集成测试脚本初始化 Spring4.1新特性——Spring MVC增强 Spring4.1新特性——页面自动化测试框架Spring MVC T
  • idea ubuntuxia 乱码 liyonghui160com
      1.首先需要在windows字体目录下或者其它地方找到simsun.ttf 这个 字体文件。 2.在ubuntu 下可以执行下面操作安装该字体： sudo mkdir /usr/share/fonts/truetype/simsun sudo cp simsun.ttf /usr/share/fonts/truetype/simsun fc-cache -f -v
  • 改良程序的11技巧 pda158 技巧
    有很多理由都能说明为什么我们应该写出清晰、可读性好的程序。最重要的一点，程序你只写一次，但以后会无数次的阅读。当你第二天回头来看你的代码 时，你就要开始阅读它了。当你把代码拿给其他人看时，他必须阅读你的代码。因此，在编写时多花一点时间，你会在阅读它时节省大量的时间。   让我们看一些基本的编程技巧：   尽量保持方法简短 永远永远不要把同一个变量用于多个不同的
  • 300个涵盖IT各方面的免费资源（下）——工作与学习篇 shoothao 创业免费资源学习课程远程工作
    工作与生产效率:   A. 背景声音 Noisli:背景噪音与颜色生成器。 Noizio:环境声均衡器。 Defonic:世界上任何的声响都可混合成美丽的旋律。 Designers.mx:设计者为设计者所准备的播放列表。 Coffitivity:这里的声音就像咖啡馆里放的一样。 B. 避免注意力分散 Self Co
  • 深入浅出RPC uule rpc
    深入浅出RPC-浅出篇 深入浅出RPC-深入篇   RPC Remote Procedure Call Protocol 远程过程调用协议   它是一种通过网络从远程计算机程序上请求服务，而不需要了解底层网络技术的协议。RPC协议假定某些传输协议的存在，如TCP或UDP，为通信程序之间携带信息数据。在OSI网络通信模型中，RPC跨越了传输层和应用层。RPC使得开发
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他