OverTheMoon丶
OverTheMoon丶

HTML与CSS基础之CSS浮动

传统网页布局的三种方式

  • 标准流（普通流/文档流）：按默认的方式排列
  • 浮动流
  • 定位流

CSS浮动

  • 浮动可以改变元素标签默认的排列方式
  • 网页布局的第一准则：多个块级元素纵向排列找标准流，多个块级元素横向排列找浮动

什么是浮动（float）

  • float属性用于创建浮动框，将其移动到一边，直到左边缘或右边缘触及包含块或另一个浮动框的边缘
  • 代码示例

float: none | left | right;

属性值 描述
none 元素不浮动（默认值）
left 元素向左浮动
right 元素向右浮动

浮动特性

  1. 浮动元素会脱离标准流（脱标）
  • 脱离标准普通流的控制（浮）移动到指定位置（动），俗称脱标
  • 浮动的盒子不再保留原先的位置
    HTML与CSS基础之CSS浮动_第1张图片
  1. 浮动的元素会一行内显示并且元素顶部对齐
  • 注意：浮动的元素是互相贴靠在一起的（不会有缝隙），如果父级宽度装不下这些浮动的盒子，多出的盒子会另起一行对齐
  1. 浮动的元素会具有行内块元素的特性
  • 如果块级盒子没有设置宽度，默认宽度和父级一样宽，但添加浮动后，它的大小根据内容来决定
  • 浮动的盒子中间是没有缝隙的，是紧挨在一起的

浮动元素经常和标准流父级搭配使用

为了约束浮动元素的位置，我们一般采取的策略是：

  • 先用标准流的父级元素排列上下位置，之后内部子元素采取浮动排列左右位置，符合网页布局第一准则
    HTML与CSS基础之CSS浮动_第2张图片
  • 网页布局第二准则：先设置盒子大小，之后设置盒子的位置

浮动布局注意点

  • 和浏览器一样宽的盒子不需要指定宽度
  • 浮动的盒子只会影响浮动盒子后面的标准流，不会影响前面的标准流

清除浮动

  • 为什么清楚浮动：
    a.高度塌陷：父元素高度自适应，子元素float后，造成父元素高度为0.（子元素浮动后，脱离标准流，子元素不占位置）
    b.影响下面的布局
  • 清楚浮动的本质
    a.清楚浮动元素造成的影响
    b.如果父盒子本身有高度，则不需要清楚浮动
    c.清楚浮动之后，父级就会根据浮动的子盒子自动检测高度，父级有了高度，就不会影响下面的标准流了
  • 语法规范

选择器 {clear ：属性值；}

属性值 描述
left 不允许左侧有浮动元素（清楚左侧浮动的影响）
right 不允许右侧有浮动元素（清楚右侧浮动的影响）
both 同时清楚左右两侧浮动的影响

清除浮动方法

  • 额外标签法也称为隔墙法，是W3C推荐的做法（不推荐）
  • 父级添加overflow属性（不推荐）
  • 父级添加after元素（推荐）
  • 父级添加双伪元素（推荐）

额外标签法

  • 在最后一个浮动元素末尾添加一个空的标签
  • 新添加的空标签必须是块级元素


    
"fahter">
        
"big">big

        
"small">small

        
"clear">额外标签法

    

    
"footer">
  • 优点：通俗易懂，书写方便
  • 缺点：添加无意义标签，语义化差

父级添加overflow

  • 给父级添加overflow属性，将其属性值设置为hidden、auto或scroll，常用overflow：hidden
  • 优点：代码简洁
  • 缺点：无法显示溢出的部分

父级添加after伪元素

.clearfix:after{/*伪元素是行内元素 正常浏览器清除浮动方法*/
        content: "";
        display: block;
        height: 0;
        clear:both;
        visibility: hidden;
    }
    .clearfix{
        *zoom: 1;/*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/
    }
<body>
    <div class="fahter clearfix">
        <div class="big">bigdiv>
        <div class="small">smalldiv>
    div>
    <div class="footer">div>
body>
  • 优点：没有增加标签，结构更简单
  • 缺点：照顾低版本的浏览器

父级添加before和after双伪元素

 .clearfix:after,.clearfix:before{
        content: "";
        display: table;
    }
    .clearfix:after{
        clear: both;
    }
    .clearfix{
        *zoom: 1;
    }
 <div class="fahter clearfix">
        <div class="big">bigdiv>
        <div class="small">smalldiv>
    div>
    <div class="footer">div>
  • 优点：代码更简洁
  • 缺点：照顾低版本的浏览器

PS切图

  • 常见的图片格式
    a.产品类的图片常用jpg格式
    b.GIF常用于一些图片小动画效果
    c.如果想要切成背景透明的图片，可用png格式
    d.PSD格式
  • 图层切图
    右击图层->快速到处为PNG
    如果有多个元素想要导出为图片，合并两个图层（CTRL+E），然后导出
  • 切片切图
    1.利用切点工具手动划出
    2.导出选中的图片，文件菜单->导出->存储为web设备所用格式->选择我们要的图片格式->存储
    3.要导出背景透明的部分，关闭背景的眼睛，存储时选择png格式
  • PS插件切图

注意

首页通常为index.html

CSS属性书写顺序（重点）

建议遵循以下顺序：

  1. 布局定位属性：display/position/float/clear/visibility/overflow(建议display第一个写，毕竟关系到模式)
  2. 自身属性：width/height/margin/padding/border/bacground
  3. 文本属性：color/font/text-decoration/text-align/vertical-align/white-space/break-word
  4. 其他属性（CSS3）：content/cursor/border-radius/box-shadow/text-shadow/background:linear-gradient…

页面布局整体思路

  1. 必须确定页面的版心（可视区），我们测量可得知
  2. 分析页面中的行模块，以及每个行模块中的列模块
  3. 一行中的列模块经常浮动布局，先确定每个列的大小，之后确定列的位置
  4. 制作HTML结构，我们还是遵循，先有结构，后有样式的原则，结构永远是最重要的
  5. 先理清布局结构，在写代码

注意点

  • 实际开发中，我们不会直接用链接a而是用li包含链接(li+a)的做法
  • 浮动的盒子不会有外边距合并的问题
  • 给ul足够宽的大小能够装进指定数量的li
  • 外边距合并问题
  • line-height和height一样高，可以让文字垂直居中
  • text-align让文字水平居中
  • 围绕一个标题进行描述用dl（自定义列表）

你可能感兴趣的:(HTML与CSS,html,css)

  • 【人工智能】人工智能学习基础知识汇总 奋力向前123 人工智能python开发语言人工智能
    第1章初识人工智能本章主要介绍人工智能的概念、诞生和发展历程。具体包括人工智能概念的提出和涉及的相关重要人物，以及人工智能发展过程中的几个阶段，包括诞生、两次浪潮与寒冬、稳健阶段和ABC新时代。本章的主要知识点如下：人工智能概念1.人工智能英文名为“ArtificialIntelligence”,简称Al。它是用人工的方法在机器(计算机)上实现的智能；或者说是人们使机器具有类似于人的智能。2.人工
  • Python+DeepSeek，奔跑吧大模型 Bj陈默 python开发语言
    在当今数字化浪潮中，人工智能与编程语言的融合正以前所未有的速度重塑着技术生态。Python作为最受欢迎的编程语言之一，以其简洁易读的语法、丰富的库和广泛的应用场景，成为了无数开发者的首选。而DeepSeek，作为人工智能领域的一颗新星，凭借其强大的大模型能力，为开发者们打开了一扇通往全新世界的大门。当Python遇上DeepSeek，一场技术的盛宴就此拉开帷幕。一、为什么选择Python与Deep
  • 【Linux】 TCP短服务编写和守护进程 杰瑞的猫^_^ Linuxlinuxtcp/ip守护进程进程组
    文章目录TCP短服务编写流程进程组和会话和守护进程TCP短服务编写流程  TCP服务器是面向连接的，客户端在发送数据之前需要先与服务器建立连接。因此，TCP服务器需要能够监听客户端的连接请求。为了实现这一功能，需要将TCP服务器创建的套接字设置为监听状态，以便等待和处理客户端的连接请求。服务器在完成监听工作后，才算初始化完成。  客户端在创建套接字后，使用connect函数向服务器发起连接请求，而
  • 线性代数导引：张量与张量空间 AI大模型应用之禅 DeepSeekR1&AI大模型与大数据计算科学神经计算深度学习神经网络大数据人工智能大型语言模型AIAGILLMJavaPython架构设计AgentRPA
    线性代数，张量，张量空间，深度学习，机器学习，人工智能1.背景介绍在现代人工智能领域，深度学习和机器学习算法的蓬勃发展，使得对数据的高效处理和表示能力提出了更高的要求。线性代数作为数学基础，为理解和构建这些算法提供了坚实的基础。而张量，作为一种高维数组的表示形式，成为了深度学习和机器学习的核心数据结构。本篇文章将从线性代数的角度出发，深入探讨张量与张量空间的概念，并阐述其在深度学习和机器学习中的重
  • 数学建模基础训练-1：概念解析 MPCTHU 数学建模数学建模
    文章目录数学建模基础训练-1：概念解析问题一：如何找到“概念”？问题二：如何全面理解概念的基础含义？问题三：如何深刻理解概念并作出创新点发掘？实际举例问题一:研究并给出寒假开学某大学返校交通问题的合理解决方案首先，找到“概念”：其次，认识基础概念：第三，对概念的二次挖掘学生到校与离校的交通流量模型交通拥堵对学校教学与运营的影响模型交通安全事故风险评估模型学校交通设施规划与优化模型问题二：研究并给出
  • 【Python】Python与C的区别（超详细总结） Reese_Cool Pythonpythonc语言java
    文章目录语句结束符代码块表示变量声明函数定义注释格式Python的标识符数据输入input()函数数据输出print()函数语句结束符C语言C语言中每条语句必须以分号;结束。例如，inta=10;、printf("Hello,World!");。分号是语句的一部分，用于告诉编译器一条语句在哪里结束。如果忘记添加分号，编译器会报错，提示语法错误。Python语言Python语句一般不需要特定的结束符
  • 蓝桥杯 Java B 组之总结与模拟题练习 计算机小白一个 蓝桥杯java职场和发展数据结构
    蓝桥杯JavaB组-第七天：周总结与模拟题练习Day7：周总结与模拟题练习在这一周的学习中，我们已经接触了动态规划的基本概念和常见应用。今天，我们将通过刷一些蓝桥杯的模拟题，来熟悉并巩固所学的知识，特别是动态规划的问题。一、模拟题：Fibonacci数列求余题目描述：给定正整数n，求斐波那契数列的第n项，并计算其对一个数m的余数。即：f(n)f(n)%m例如：输入n=10，m=100输出：f(10
  • 【C/C++】后缀表达式 蓝桥杯/ACM备赛 奇变偶不变0727 c语言c++开发语言蓝桥杯算法
    核心考点：1.栈的应用2.字符串处理题目描述所谓后缀表达式是指这样的一个表达式：式中不再引用括号，运算符号放在两个运算对象之后，所有计算按运算符号出现的顺序，严格地由左而右新进行（不用考虑运算符的优先级）。本题中运算符仅包含+-*/+-*/。保证对于//运算除数不为0。特别地，其中//运算的结果需要向0取整（即与C++/运算的规则一致）。如：3*(5-2)+73*(5-2)+7对应的后缀表达式为：
  • 2021年上半年软件设计师下午题题型分析及解题全攻略（附真题及答案解析） xiaohiiii 软件设计师java算法uml数据库流程图
    2021年上半年软件设计师下午题题型分析及解题全攻略试题一（数据流图与结构化分析）题型：数据流图实体识别、数据存储补充、数据流补充、结构化语言描述。考点：实体识别：根据上下文数据流图匹配实际业务角色（如车主、管理员）。数据存储设计：识别系统中存储的数据对象（如停车记录表）。数据流平衡：确保数据流的起点和终点符合加工逻辑。结构化语言：将自然语言转化为if-else逻辑，描述加工流程。解题思路：实体命
  • 智能图像处理平台：技术融合与实践的结晶 顾北辰20 智能图像处理平台图像处理人工智能
    目录项目目标项目功能用户模块图像处理模块异步任务模块技术栈数据库设计核心功能实现方式图片上传图片处理异步任务项目扩展近日DeepSeek很火，我让他给我出了个小项目练练手，带大家一起做一下，可做为毕业设计参考。在当今数字化时代，图像处理技术广泛应用于各个领域，从医学影像到社交媒体，其重要性不言而喻。本文将介绍一个智能图像处理平台的练手项目，旨在巩固Java、MySQL、SpringBoot、Red
  • 深入解析C++静态关键字：生命周期、存储管理与C++11线程安全实现 zzr915 c++
    目录1、静态关键字的作用2、静态关键字的使用规则2.1存储位置2.2初始化机制3、静态局部变量的线程安全性解析3.1C++11及之后的线程安全机制3.2C++11之前的风险3.3关键注意事项4、总结1、静态关键字的作用静态关键字（static）可调整变量的生存周期，使其与程序生命周期一致。例如：classInt{intvalue;public:Int(intx=0):value(x){coutda
  • C++拷贝构造函数初级解析：设计要点、调用机制与性能优化实践 zzr915 c++
    目录1.拷贝构造函数的形参类型关键要点：2.拷贝构造函数的调用次数分析示例代码分析运行结果与解析调用次数原理3.减少拷贝构造次数的优化方法优化策略优化效果对比总结1.拷贝构造函数的形参类型关键要点：必须使用引用类型错误形式：Int(Intit)会导致无限递归：当形参被赋值时，会再次触发拷贝构造函数调用。正确形式：const引用Int(constInt&it)作用1：防止在拷贝过程中意外修改原对象作
  • C++中指针、引用与const的深入解析 zzr915 c++开发语言
    一、对数组的引用constintn=10;intar[n]={12,23,34,45,56,67,78,89,100};描述数组：类型加上原始空间大小。​int&ra=ar[1];​int&br=ar;//errorint(&br)[n]=ar;//okint*pa[10];int&pr[10];//error;为什么不能编译成功引用数组的概念：在C++中，引用是一个别名，它必须被初始化以指向一个
  • 植物神经紊乱：应该补充哪些营养与维生素 小知识来科普 生活
    在当今快节奏的生活中，植物神经紊乱已成为困扰许多人的健康问题。这种病症虽非器质性病变，但其带来的焦虑、紧张、失眠等症状却严重影响了患者的生活质量。一、维生素B群的全面补充维生素B群在调节神经系统功能方面发挥着至关重要的作用。对于植物神经紊乱患者而言，维生素B1（硫胺素）、B6（吡哆醇）和B12（钴胺素）尤为重要。它们不仅有助于缓解焦虑情绪，还能促进神经传导物质的合成，从而改善神经系统的整体功能。‌
  • 基于Knative的无服务器引擎重构：实现毫秒级冷启动的云原生应用浪潮 桂月二二 云原生knativeserverless
    引言：从微服务到无状态的量子跃迁当容器启动时间仍困在900ms高位时，某视频直播平台采用Knative将突发流量处理时效提升40倍，弹性扩缩响应速度突破至120ms级。基于流量预测的预启动算法与内核级资源复用池两大技术创新，正在重新定义Serverless时代的性能边界。IDC最新报告指出，采用该架构的企业资源利用率平均提升至78%，年度计算成本直降320万美元。一、传统FaaS模型的性能桎梏1.
  • 双指针-盛最多水的容器 Vacant Seat 算法java数据结构双指针
    盛最多水的容器给定一个长度为n的整数数组height。有n条垂线，第i条线的两个端点是(i,0)和(i,height[i])。找出其中的两条线，使得它们与x轴共同构成的容器可以容纳最多的水。返回容器可以储存的最大水量。说明：你不能倾斜容器。输入：整型数组输出：整型变量思路：本题使用双指针，一个在左一个在右，值小的先移动classSolution{publicintmaxArea(int[]heig
  • 前端构建工具——Webpack和Vite的主要区别 像素检测仪 前端前端webpack
    目录1.设计理念2.性能表现3.使用场景4.配置复杂度5.生态系统6.性能对比总结7.选择建议1.设计理念Webpack设计理念：Webpack是一个通用的模块打包工具，它将项目中的各种资源（如JavaScript、CSS、图片等）视为模块，并通过loader和plugin进行处理和打包。适用范围：适用于复杂项目，支持高度定制化，适合需要精细控制构建过程的场景。Vite设计理念：Vite（法语“快
  • DeepSeek —— 金融市场中的AI颠覆者 ！！！ 云边有个稻草人 热门文章人工智能金融大数据DeepSeek
    目录云边有个稻草人-CSDN博客引言第1章：DeepSeek的技术概述第2章：DeepSeek对金融行业的影响2.1自动化与决策支持2.2风险评估与管理2.3金融市场预测2.4高频交易与量化分析第3章：展示如何利用DeepSeek进行不同的金融数据分析3.1市场情绪分析3.2新闻事件对股票价格的影响3.3使用DeepSeek进行量化策略回测3.4使用DeepSeek进行投资组合优化第4章：金融界专
  • KubeEdge 1.20.0 版本发布 laowangsen 数据库
    KubeEdge1.20.0现已发布。新版本针对大规模、离线等边缘场景对边缘节点和应用的管理、运维等能力进行了增强，同时新增了多语言Mapper-Framework的支持。新增特性：支持批量节点操作多语言Mapper-Framework支持边缘keadmctl新增podslogs/exec/describe和Devicesget/edit/describe能力解耦边缘应用与节点组，支持使用Node
  • 芯片与寄存器 jhb222 stm32
    芯片与寄存器作为一个嵌入式开发人员，从接触第一块单片机的时候，就一定会听到一个此，叫做寄存器。单片机的很多功能都是通过配置修改寄存器来实现的。我们了解寄存器，也读写过很多的寄存器一、操作过得寄存器先回顾一下我们以前操作过得寄存器：这是一段51单片机初始化定时器的代码voidTIME_Init(){TMOD=0x11;         TL0=0;         TH0=0;TL1=0;     
  • TypeScript语言的云计算 沈雲澈 包罗万象golang开发语言后端
    TypeScript语言的云计算引言随着科技的高速发展，云计算已经成为现代软件开发中不可或缺的一部分。它为企业提供了灵活的资源管理与高效的开发流程。而在众多编程语言中，TypeScript因其静态类型和良好的工具支持，逐渐成为云计算领域的热门选择。本文将深入探讨TypeScript在云计算中的应用，分析其优势和最佳实践，帮助开发者更好地利用这一语言实现云计算项目。一、云计算概述1.1什么是云计算？
  • 学习笔记分享-快速掌握前端-html进阶（利用telnet发送json请求、利用telnet发送multipart请求） 2301_81243975 前端学习笔记
    前言图片上面的personal表示只有图片上面的一行语句是解释图片内容的、local表示这个图片所在标题下的所有语句都是解释图片内容的、global表示有多个标题下的所有语句都是解释图片内容的我是一名大二的学生，学了差不多一年java技术栈了，想记录一下自己对知识点的心得，目前还是个小白，期望大佬们可以指出我笔记中的不足之处、对知识点的认知错误、笔记结构的混乱等这些图片内容都是在观看黑马课程时的视
  • 学习笔记分享-数据结构与算法-图-Dijkstra（算法描述、算法实现） 2301_81243975 算法学习笔记
    前言图片上面的personal表示只有图片上面的一行语句是解释图片内容的、local表示这个图片所在标题下的所有语句都是解释图片内容的、global表示有多个标题下的所有语句都是解释图片内容的我是一名大二的学生，学了差不多一年java技术栈了，想记录一下自己对知识点的心得，目前还是个小白，期望大佬们可以指出我笔记中的不足之处、对知识点的认知错误、笔记结构的混乱等这些图片内容都是在观看黑马课程时的视
  • 【产品经理修炼之道】-企业级SaaS架构实战（2）：架构视图与视角 xiaoli8748_软件开发 产品经理产品经理架构
    企业级的SaaS系统涉及的利益干系人众多，那么该如何将其做好分类，便于快速获取相应信息？本文将介绍SaaS架构视图与视角，便于你了解相关内容，更好展开工作。把企业级SaaS系统架构描述清楚，是一项极其复杂的工作。因为企业级SaaS系统涉及的利益干系人众多，例如：客户、产品经理、研发、销售、运营、管理层等等。由于背景不同，认知不同，每个人看待它的角度、方法都各不相同。为了控制复杂度，我们需要设计一整
  • 双指针-接雨水 Vacant Seat java数据结构算法
    接雨水给定n个非负整数表示每个宽度为1的柱子的高度图，计算按此排列的柱子，下雨之后能接多少雨水。输入：整型数组输出：整型变量思路：一层一层的计算水量，会超出时间限制按列求，分为三种情况，当前列与左右两边最大的列的较小值进行比较，只有当前列小于较小值，当前列才会接到水.也会超出时间限制动态规划，不需要每次都求出左边和右边的最大值，可以将最大值存储到两个数组之中，就可以解决时间复杂度的问题双指针，在第
  • Webpack 基础入门 懒羊羊我小弟 前端工程化webpackrust前端es6node.js
    一、Webpack是什么Webpack是一款现代JavaScript应用程序的静态模块打包工具。在Web开发中，我们的项目会包含各种类型的文件，如JavaScript、CSS、图片等。Webpack可以将这些文件打包成一个或多个文件，以便在浏览器中高效加载。它就像是一个超级管家，把项目中的各种资源整理打包，让它们能更好地协同工作。二、为什么要使用Webpack代码拆分：可以将代码拆分成多个块，实现
  • 鸿蒙应用开发系列 EX篇：HarmonyOS应用开发者基础认证 李小白杂货铺 斜杠人生harmonyos华为鸿蒙系统应用开发者基础认证鸿蒙应用开发鸿蒙系统应用开发
    文章目录系列文章背景认证考试题库参考注意：题库会不定时的进行具备调整甚至整体轮换，此为2024.5月版本注意：题库中题目的选项每次都会随机顺序，请参考内容判断题单选题多选题系列文章鸿蒙应用开发系列篇一：鸿蒙系统概述鸿蒙应用开发系列篇二：鸿蒙系统开发工具与环境鸿蒙应用开发系列篇三：ArkTS语言鸿蒙应用开发系列篇四：鸿蒙系统应用开发基础鸿蒙应用开发系列篇五：鸿蒙系统高级开发技术鸿蒙应用开发系列篇六：
  • Nginx 如何实现请求的缓存过期策略？ zengson_g Nginxnginx缓存运维服务器网络
    关注博主️带你畅游技术世界，不错过每一次成长机会！文章目录Nginx如何实现请求的缓存过期策略？一、缓存的重要性与基本概念二、Nginx缓存过期策略的原理三、设置Nginx缓存过期时间四、基于变量的动态缓存过期策略五、使用第三方模块增强缓存功能六、缓存的更新与失效机制七、缓存命中率与性能监控八、实际应用中的注意事项Nginx如何实现请求的缓存过期策略？在当今快节奏的互联网世界中，网站和应用的性能优
  • 【HarmonyOS之旅】基于ArkTS开发(三) -＞ 兼容JS的类Web开发(四) -＞ 常见组件(二) -＞ tabs 枫叶丹4 HarmonyOS前端javascript开发语言harmonyos华为华为云
    目录1->创建Tabs2->设置Tabs方向3->设置样式4->显示页签索引5->场景示例1->创建Tabs在pages/index目录下的hml文件中创建一个Tabs组件。item1item2content1content2/*test.css*/.container{flex-direction:column;justify-content:center;align-items:center;
  • 在CentOS7上部署Memcached高性能内存缓存对象 weixin_34138377
    概述Memcached是一套开源的高性能分布式内存对象缓存系统，它将所有的数据都存储在内存中，因为在内存中会统一维护一张巨大的Hash表，所以支持任意存储类型的数据。Memcached是典型的C/S架构，因此需要安装Memcached服务端与MemcachedAPI客户端。Memcached服务端是用C语言编写的，而MemcachedAPI客户端可以用任何语言来编写。常用典型架构如图所示：当Web
  • 多线程编程之理财 周凡杨 java多线程生产者消费者理财
          现实生活中，我们一边工作，一边消费，正常情况下会把多余的钱存起来，比如存到余额宝，还可以多挣点钱，现在就有这个情况：我每月可以发工资20000万元 （暂定每月的1号），每月消费5000（租房+生活费）元（暂定每月的1号），其中租金是大头占90%，交房租的方式可以选择（一月一交，两月一交、三月一交），理财：1万元存余额宝一天可以赚1元钱，
  • [Zookeeper学习笔记之三]Zookeeper会话超时机制 bit1129 zookeeper
    首先，会话超时是由Zookeeper服务端通知客户端会话已经超时，客户端不能自行决定会话已经超时，不过客户端可以通过调用Zookeeper.close()主动的发起会话结束请求，如下的代码输出内容 Created /zoo-739160015 CONNECTEDCONNECTED .............CONNECTEDCONNECTED CONNECTEDCLOSEDCLOSED
  • SecureCRT快捷键 daizj secureCRT快捷键
    ctrl + a : 移动光标到行首ctrl + e ：移动光标到行尾crtl + b: 光标前移1个字符crtl + f: 光标后移1个字符crtl + h : 删除光标之前的一个字符ctrl + d ：删除光标之后的一个字符crtl + k ：删除光标到行尾所有字符crtl + u : 删除光标至行首所有字符crtl + w:  删除光标至行首
  • Java 子类与父类这间的转换 周凡杨 java 父类与子类的转换
        最近同事调的一个服务报错，查看后是日期之间转换出的问题。代码里是把 java.sql.Date 类型的对象 强制转换为 java.sql.Timestamp 类型的对象。报java.lang.ClassCastException。       代码：            
  • 可视化swing界面编辑 朱辉辉33 eclipseswing
          今天发现了一个WindowBuilder插件，功能好强大，啊哈哈，从此告别手动编辑swing界面代码，直接像VB那样编辑界面，代码会自动生成。       首先在Eclipse中点击help，选择Install New Software,然后在Work with中输入WindowBui
  • web报表工具FineReport常用函数的用法总结（文本函数） 老A不折腾 finereportweb报表工具报表软件java报表
    文本函数 CHAR CHAR(number):根据指定数字返回对应的字符。CHAR函数可将计算机其他类型的数字代码转换为字符。 Number:用于指定字符的数字，介于1Number:用于指定字符的数字，介于165535之间（包括1和65535）。 示例: CHAR(88)等于“X”。 CHAR(45)等于“-”。   CODE CODE(text):计算文本串中第一个字
  • mysql安装出错 林鹤霄 mysql安装
    [root@localhost ~]# rpm -ivh MySQL-server-5.5.24-1.linux2.6.x86_64.rpm Preparing...                #####################
  • linux下编译libuv aigo libuv
    下载最新版本的libuv源码，解压后执行： ./autogen.sh   这时会提醒找不到automake命令，通过一下命令执行安装（redhat系用yum，Debian系用apt-get）： # yum -y install automake # yum -y install libtool     如果提示错误：make: *** No targe
  • 中国行政区数据及三级联动菜单 alxw4616
    近期做项目需要三级联动菜单,上网查了半天竟然没有发现一个能直接用的! 呵呵,都要自己填数据....我了个去这东西麻烦就麻烦的数据上. 哎,自己没办法动手写吧. 现将这些数据共享出了,以方便大家.嗯,代码也可以直接使用   文件说明 lib\area.sql -- 县及县以上行政区划分代码（截止2013年8月31日)来源：国家统计局 发布时间：2014-01-17 15:0
  • 哈夫曼加密文件 百合不是茶 哈夫曼压缩哈夫曼加密二叉树
     在上一篇介绍过哈夫曼编码的基础知识,下面就直接介绍使用哈夫曼编码怎么来做文件加密或者压缩与解压的软件,对于新手来是有点难度的,主要还是要理清楚步骤;   加密步骤:  1,统计文件中字节出现的次数,作为权值   2,创建节点和哈夫曼树   3,得到每个子节点01串   4,使用哈夫曼编码表示每个字节  
  • JDK1.5 Cyclicbarrier实例 bijian1013 javathreadjava多线程Cyclicbarrier
    CyclicBarrier类 一个同步辅助类，它允许一组线程互相等待，直到到达某个公共屏障点 (common barrier point)。在涉及一组固定大小的线程的程序中，这些线程必须不时地互相等待，此时 CyclicBarrier 很有用。因为该 barrier 在释放等待线程后可以重用，所以称它为循环的 barrier。 CyclicBarrier支持一个可选的 Runnable 命令，
  • 九项重要的职业规划 bijian1013 工作学习
    一. 学习的步伐不停止        古人说，活到老，学到老。终身学习应该是您的座右铭。        世界在不断变化，每个人都在寻找各自的事业途径。        您只有保证了足够的技能储
  • 【Java范型四】范型方法 bit1129 java
    范型参数不仅仅可以用于类型的声明上，例如   package com.tom.lang.generics; import java.util.List; public class Generics<T> { private T value; public Generics(T value) { this.value =
  • 【Hadoop十三】HDFS Java API基本操作 bit1129 hadoop
      package com.examples.hadoop; import org.apache.hadoop.conf.Configuration; import org.apache.hadoop.fs.FSDataInputStream; import org.apache.hadoop.fs.FileStatus; import org.apache.hadoo
  • ua实现split字符串分隔 ronin47 lua split
    LUA并不象其它许多"大而全"的语言那样，包括很多功能，比如网络通讯、图形界面等。但是LUA可以很容易地被扩展：由宿主语言(通常是C或 C++)提供这些功能，LUA可以使用它们，就像是本来就内置的功能一样。LUA只包括一个精简的核心和最基本的库。这使得LUA体积小、启动速度快，从 而适合嵌入在别的程序里。因此在lua中并没有其他语言那样多的系统函数。习惯了其他语言的字符串分割函
  • java-从先序遍历和中序遍历重建二叉树 bylijinnan java
    public class BuildTreePreOrderInOrder { /** * Build Binary Tree from PreOrder and InOrder * _______7______ / \ __10__ ___2 / \ / 4
  • openfire开发指南《连接和登陆》 开窍的石头 openfire开发指南smack
    第一步     官网下载smack.jar包     下载地址：http://www.igniterealtime.org/downloads/index.jsp#smack 第二步     把smack里边的jar导入你新建的java项目中 开始编写smack连接openfire代码 p
  • [移动通讯]手机后盖应该按需要能够随时开启 comsci 移动
        看到新的手机，很多由金属材质做的外壳，内存和闪存容量越来越大，CPU速度越来越快，对于这些改进，我们非常高兴，也非常欢迎      但是，对于手机的新设计，有几点我们也要注意      第一：手机的后盖应该能够被用户自行取下来，手机的电池的可更换性应该是必须保留的设计,
  • 20款国外知名的php开源cms系统 cuiyadll cms
    内容管理系统，简称CMS，是一种简易的发布和管理新闻的程序。用户可以在后端管理系统中发布，编辑和删除文章，即使您不需要懂得HTML和其他脚本语言，这就是CMS的优点。 在这里我决定介绍20款目前国外市面上最流行的开源的PHP内容管理系统，以便没有PHP知识的读者也可以通过国外内容管理系统建立自己的网站。 1. Wordpress WordPress的是一个功能强大且易于使用的内容管
  • Java生成全局唯一标识符 darrenzhu javauuiduniqueidentifierid
    How to generate a globally unique identifier in Java http://stackoverflow.com/questions/21536572/generate-unique-id-in-java-to-label-groups-of-related-entries-in-a-log http://stackoverflow
  • php安装模块检测是否已安装过, 使用的SQL语句 dcj3sjt126com sql
    SHOW [FULL] TABLES [FROM db_name] [LIKE 'pattern'] SHOW TABLES列举了给定数据库中的非TEMPORARY表。您也可以使用mysqlshow db_name命令得到此清单。 本命令也列举数据库中的其它视图。支持FULL修改符，这样SHOW FULL TABLES就可以显示第二个输出列。对于一个表，第二列的值为BASE T
  • 5天学会一种 web 开发框架 dcj3sjt126com Web框架framework
    web framework层出不穷，特别是ruby/python,各有10+个,php/java也是一大堆 根据我自己的经验写了一个to do list,按照这个清单，一条一条的学习，事半功倍，很快就能掌握 一共25条，即便很磨蹭，2小时也能搞定一条，25*2=50。只需要50小时就能掌握任意一种web框架 各类web框架大同小异:现代web开发框架的6大元素，把握主线，就不会迷路 建议把本文
  • Gson使用三(Map集合的处理,一对多处理) eksliang jsongsonGson mapGson 集合处理
    转载请出自出处：http://eksliang.iteye.com/blog/2175532 一、概述        Map保存的是键值对的形式，Json的格式也是键值对的，所以正常情况下，map跟json之间的转换应当是理所当然的事情。 二、Map参考实例 package com.ickes.json; import java.lang.refl
  • cordova实现“再点击一次退出”效果 gundumw100 android
    基本的写法如下： document.addEventListener("deviceready", onDeviceReady, false); function onDeviceReady() { //navigator.splashscreen.hide(); document.addEventListener("b
  • openldap configuration leaning note iwindyforest configuration
    hostname // to display the computer name hostname <changed name> // to change go to: /etc/sysconfig/network, add/modify HOSTNAME=NEWNAME to change permenately dont forget to change /etc/hosts
  • Nullability and Objective-C 啸笑天 Objective-C
    https://developer.apple.com/swift/blog/?id=25   http://www.cocoachina.com/ios/20150601/11989.html   http://blog.csdn.net/zhangao0086/article/details/44409913   http://blog.sunnyxx
  • jsp中实现参数隐藏的两种方法 macroli JavaScriptjsp
    在一个JSP页面有一个链接，//确定是一个链接?点击弹出一个页面，需要传给这个页面一些参数。//正常的方法是设置弹出页面的src="***.do?p1=aaa&p2=bbb&p3=ccc"//确定目标URL是Action来处理?但是这样会在页面上看到传过来的参数，可能会不安全。要求实现src="***.do"，参数通过其他方法传！//////
  • Bootstrap A标签关闭modal并打开新的链接解决方案 qiaolevip 每天进步一点点学习永无止境bootstrap纵观千象
    Bootstrap里面的js modal控件使用起来很方便，关闭也很简单。只需添加标签 data-dismiss="modal" 即可。 可是偏偏有时候需要a标签既要关闭modal，有要打开新的链接，尝试多种方法未果。只好使用原始js来控制。   <a href="#/group-buy" class="btn bt
  • 二维数组在Java和C中的区别 流淚的芥末 javac二维数组数组
    Java代码：   public class test03 { public static void main(String[] args) { int[][] a = {{1},{2,3},{4,5,6}}; System.out.println(a[0][1]); } }  运行结果： Exception in thread "mai
  • systemctl命令用法 wmlJava linuxsystemctl
    对比表，以 apache / httpd 为例 任务 旧指令 新指令 使某服务自动启动 chkconfig --level 3 httpd on systemctl enable httpd.service 使某服务不自动启动 chkconfig --level 3 httpd off systemctl disable httpd.service 检查服务状态 service h
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他