xiangxiongfly915
xiangxiongfly915

CSS flex

文章目录

  • flex 伸缩布局
    • 基本介绍
    • 容器属性
    • 弹性元素属性
    • 导航栏

flex 伸缩布局

  • flex是CSS的一种布局手段，主要来代替浮动完成页面布局。
  • flex可以使元素具有弹性，让元素可以跟随页面的大小的改变而改变。

CSS flex_第1张图片

基本介绍

.box {
    display: flex;
}

默认情况

  • 主轴：水平的主轴（main axis）
  • 交叉轴：垂直的侧轴（cross axis）
  • 方向：默认主轴从左向右，侧轴默认从上到下，主轴和侧轴可以通过flex-direction属性互换

容器属性

属性 说明
flex-direction 主轴方向

row：默认值，主轴为水平方向，弹性元素水平从左向右排列
row-reverse：主轴为水平方向，弹性元素水平从右向左排列
column：主轴为垂直方向，弹性元素垂直从上向下排列
column-reverse：主轴为垂直方向，弹性元素垂直从下向上排列
flex-wrap 弹性元素是否可换行

nowrap：默认值，不换行
wrap：自动换行，第一行在上方
wrap-reverse：反方向换行，第一行在下方
flex-flow flex-direction和flex-wrap的简写
justify-content 弹性元素在主轴上的对齐方式

flex-start：默认值，左对齐
flex-end：右对齐
center ：居中
space-around：空白分布在元素两侧
space-between ：两端对齐，空白均匀分布在元素间
space-evenly：空白分布在元素的单侧
align-items 弹性元素在交叉轴上的对齐方式

stretch：默认值，元素若没有设置高度，则占满容器高度
flex-start：交叉轴起点对齐
flex-end：交叉轴终点对齐
center：交叉轴中点对齐
baseline：文字基线对齐
align-content 当多条主轴时，弹性元素在交叉轴上的对齐方式，对单行没有效果

stretch：默认值，元素若没有设置高度，则占满交叉轴
flex-start：交叉轴起点对齐
flex-end：交叉轴终点对齐
center：交叉轴中间对齐
space-between：两端对齐，空白均匀分布
space-around：轴线两侧空白均匀分布

弹性元素属性

属性 说明
order 元素在容器中点排列顺序

默认值为0，数值越小越靠前
flex-basis 计算主轴是否有剩余空间

默认值为auto，为元素的原本大小；若设置值后元素的宽度设置会失效；若值为0%则元素为零尺寸
flex-grow 增长系数

默认值为0，等分剩余空间
flex-shrink 缩减系数

默认值为1，当空间不足时，等比例缩小
flex flex-grow，flex-shrink，flex-basis的简写

两个快捷值：auto (1 1 auto) 、 none (0 0 auto)
align-self 单独设置元素的对齐方式 
.item{
	flex: 1;
}
.item{
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 0%;
}

.item{
    flex: 0;
}
.item{
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: 0%;
}

.item{
    flex: 0%;
}
.item{
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 0%;
}

导航栏

在这里插入图片描述

<style>
    * {
        margin: 0;
        padding: 0;
    }

    ul {
        list-style: none;
    }

    a {
        text-decoration: none;
    }

    .nav {
        width: 1210px;
        height: 48px;
        line-height: 48px;
        background-color: #E8E7E3;
        margin: 50px auto;
        display: flex;
    }

    .nav li {
        flex: 1;
    }

    .nav a {
        display: block;
        color: #808080;
        text-decoration: none;
        font-size: 16px;
        text-align: center;

    }

    .nav a:hover {
        background-color: #636363;
        color: #fff;
    }
style>

<body>
    <ul class="nav">
        <li><a href="#">HTML/CSSa>li>
        <li><a href="#">Browser Sidea>li>
        <li><a href="#">Server Sidea>li>
        <li><a href="#">Programminga>li>
        <li><a href="#">XMLa>li>
        <li><a href="#">Web Buildinga>li>
        <li><a href="#">Referencea>li>
    ul>
body>

你可能感兴趣的:(HTML+CSS)

  • 关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript 二挡起步 web前端期末大作业javascripthtmlcss旅游风景
    ⛵源码获取文末联系✈Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业|游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作|HTML期末大学生网页设计作业，Web大学生网页HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScrip
  • HTML网页设计制作大作业（div+css） 云南我的家乡旅游景点 带文字滚动 二挡起步 web前端期末大作业web设计网页规划与设计htmlcssjavascriptdreamweaver前端
    Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作HTML期末大学生网页设计作业HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为文章目录前端学习路线
  • html+css网页设计 旅游网站首页1个页面 html+css+js网页设计 htmlcss旅游
    html+css网页设计旅游网站首页1个页面网页作品代码简单，可使用任意HTML辑软件（如：Dreamweaver、HBuilder、Vscode、Sublime、Webstorm、Text、Notepad++等任意html编辑软件进行运行及修改编辑等操作）。获取源码1，访问该网站https://download.csdn.net/download/qq_42431718/897527112，点击
  • 【html+css网站设计】 小翔很开心 htmlcss前端
    学习笔记：HTML基础概念1.vscode常用设置1.1打开文件1.2新建文件1.3自动保存(ctrl+S)1.4文件重命名1.5删除文件2.vscode常用快捷键2.1自动补全HTML基本结构2.2标签自动补全2.3复制当前行|复制多行2.4删除当前行|删除多行2.5单行注释|取消单行注释2.6多行注释|取消多行注释2.7统一编辑2.8生成多个2.9文字2.10打开浏览器2.11快捷键可以组合使
  • CSS实现“鼠标悬浮按钮_闪过光泽”效果 SOLDIER_76
    创建按钮创建按钮样式创建渐变光创建什么时候渐变光出现创建渐变光的动画效果动画开始执行HTML+CSS，一共6个步骤实现效果代码效果：（用灵者GIF录制工具录下来的，效果不怎么好）HTML：（先随便写一个按钮，a或者button都为所谓。写两个类名，第一个显示按钮的样式，第二个控制按钮的动画，就写一个类名也无所谓，写两个是便于维护）CSS：（给按钮添加一些基础的样式，没什么说的，这里需要写个posi
  • HTML静态网页成品作业(HTML+CSS)——西点蛋糕介绍(5个页面) 爱码网页成品 学生网页静态网页html+csshtmlcss前端
    不定期分享源码，关注不丢失哦文章目录一、作品介绍二、作品演示三、代码目录四、网站代码HTML部分代码五、源码获取一、作品介绍️本套采用HTML+CSS，未使用Javacsript代码，共有5个页面。二、作品演示三、代码目录四、网站代码HTML部分代码首页西点简介西点分类西点展示西点做法SWEETYSWEET提拉米苏布丁芝士蛋糕泡芙马卡龙西式的甜品花团锦簇，尤以意、法为盛。提拉米苏（Tiramisu
  • HTML静态网页成品作业(HTML+CSS+JS)——中华美食八大菜系介绍(1个页面) 爱码网页成品 学生网页html+css静态网页htmlcssjavascript
    不定期分享源码，关注不丢失哦文章目录一、作品介绍二、作品演示三、代码目录四、网站代码HTML部分代码五、源码获取一、作品介绍️本套采用HTML+CSS，使用Javacsript代码实现图片轮播切换，共有1个页面。二、作品演示三、代码目录四、网站代码HTML部分代码中国八大菜系徽菜徽菜，它起源于黄山麓下的歙县（古徽州）。后来，由于新安江畔的屯溪小镇成为“祁红”、“屯绿”等名茶和徽墨、歙砚等土特产品的
  • html css怎么做太阳,HTML+CSS 绘制太阳系各个行星运行轨迹 weixin_42316909 htmlcss怎么做太阳
    模拟宇宙太阳系模拟太阳系.solarsys{width:800px;height:800px;position:relative;margin:0auto;background-color:#000000;padding:0;transform:scale(1);}/*太阳*/.sun{left:357px;top:357px;height:90px;width:90px;background-c
  • 初识HTML+CSS（ 第4章 认识标签 三 ） Zhangdake
    一：使用标签，链接到另一个页面1.用标签可实现超链接，它在网页制作中可以说是无处不在，只要有链接的地方，就会有这个标签2.语法：链接显示的文本3.title属性的作用，鼠标滑过链接文字时会显示这个属性的文本内容。这个属性在实际网页开发中作用很大，主要方便搜索引擎了解链接地址的内容（语义化更友好）4.只要为文本加入a标签后，文字的颜色就会自动变为蓝色（被点击过的文本颜色为紫色），颜色很难看吧，不过没
  • HTML静态网页成品作业(HTML+CSS)——家乡泉州介绍网页(3个页面)（表格布局） 爱码网页 htmlcss前端
    常见网页设计作业题材有**汽车、环保、明星、文化、国家、抗疫、景点、人物、体育、植物、公益、图书、节日、游戏、商城、旅游、家乡、学校、电影、动漫、非遗、动物、个人、企业、美食、婚纱、其他**等网页设计题目,可满足大学生网页大作业网页设计需求都能满足你的需求。原始HTML+CSS+JS页面设计,web大学生网页设计作业源码，画面精明，排版整洁，内容丰富，主题鲜明，非常适合初学者学习使用。文章目录一、
  • HTML静态网页成品作业(HTML+CSS)——抗击疫情网页(4个页面) 爱码网页成品 学生网页静态网页html+csshtmlcss前端
    不定期分享源码，关注不丢失哦文章目录一、作品介绍二、作品演示三、代码目录四、网站代码HTML部分代码五、源码获取一、作品介绍️本套采用HTML+CSS，未使用Javacsript代码，共有4个页面。二、作品演示三、代码目录四、网站代码HTML部分代码Document抗击新冠，人人有责共同抗疫全民防疫抗疫的经验和意义众志成城前言有人说：“英雄就是普通人拥有一颗伟大的心。”__年__月__日，小林的生
  • HTML静态网页成品作业(HTML+CSS)——非遗昆曲介绍设计制作(1个页面) 爱码网页成品 学生网页html+css静态网页htmlcss前端
    不定期分享源码，关注不丢失哦文章目录一、作品介绍二、作品演示三、代码目录四、网站代码HTML部分代码五、源码获取一、作品介绍️本套采用HTML+CSS，未使用Javacsript代码，共有1个页面。二、作品演示三、代码目录四、网站代码HTML部分代码非遗昆曲昆曲简介昆曲（KunOpera），原名“昆山腔”（简称“昆腔”），是中国古老的戏曲声腔、剧种，现又被称为“昆剧”。昆曲是汉族传统戏曲中最古老的
  • 好看的2020年html倒计时源码 huihuixxx 程序源码html倒计时源码倒计时源码源码
    介绍：复制文件里面的html+css代码放到你网站适合的地方然后就可以显示了时间自动转的不需要shua新的哦网盆下载地址：https://zijiewangpan.com/2anRuMoVEP0图片：[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-sAwm8lJk-1615557371351)(https://www.5438.com.cn/static/pic/2/
  • HTML静态网页成品作业(HTML+CSS)——世博园介绍(2个页面) 爱码网页成品 html+css静态网页学生网页htmlcss前端
    不定期分享源码，关注不丢失哦文章目录一、作品介绍二、作品演示三、代码目录四、网站代码HTML部分代码五、源码获取一、作品介绍️本套采用HTML+CSS，未使用Javacsript代码，共有2个页面。二、作品演示三、代码目录四、网站代码HTML部分代码世博园景区简介各馆介绍景区简介上海世博园是2010年上海世博会的举办场地。2010年上海世博会是首次由中国举办，是世界博览会史上最大规模。总投资超过北
  • 免费开源cms自助建站系统大全，不会编程也可以自己建网站 guizhoumen cms网站建设网站制作网站源码cms系统
    想自己建网站又不会编程的小伙伴有福啦，本期推荐一些开源的cms自助建站系统程序，不需要写后端的任何逻辑代码，只需要下载下来，配置好运行环境就可以安装使用，然后通过后台轻轻松松就可以修改成自己的网站了，当然，要想网站有自己的个性，模版还是需要自己写的，只需要会简单的html+css就可以了，这个不是本章的重点。1、PageAdminCmshttp://www.pageadmin.netPageAdm
  • HTML静态网页成品作业(HTML+CSS)——安徽宣笔设计制作(5个页面) 爱码网页成品 html+css静态网页学生网页htmlcss前端
    不定期分享源码，关注不丢失哦文章目录一、作品介绍二、作品演示三、代码目录四、网站代码HTML部分代码五、源码获取一、作品介绍️本套采用HTML+CSS，未使用Javacsript代码，共有6个页面。二、作品演示三、代码目录四、网站代码HTML部分代码安徽宣笔首页宣笔发展宣笔制作宣笔分类发展现状前往登录宣笔简介宣笔为安徽省泾县文房四宝之一，因产于安徽宣州（今宣城）而得名。又名“徽笔”。据韩愈《毛颖传
  • html+css网页设计 动漫 海贼王14个页面 html+css+js网页设计 htmlcss前端
    html+css网页设计动漫海贼王14个页面网页作品代码简单，可使用任意HTML编辑软件（如：Dreamweaver、HBuilder、Vscode、Sublime、Webstorm、Text、Notepad++等任意html编辑软件进行运行及修改编辑等操作）。获取源码1，访问该网站https://download.csdn.net/download/qq_42431718/896773022，点
  • HTML + CSS 学习指南：从入门到精通 陈无左耳、 htmlcss前端
    一、HTML+CSS简介HTML和CSS在网页开发中扮演着至关重要的角色。HTML如同网页的骨架，为网页提供了基本的结构和内容。它使用各种标签来定义页面的元素，如标题、段落、图片、链接等，确保信息得以有条理地组织和呈现。CSS则恰似网页的华服，负责赋予网页美观的外观和舒适的布局。通过控制字体、颜色、背景、间距等样式属性，CSS让网页变得更加吸引人，提升用户的阅读和交互体验。二者之间的关系紧密且相辅
  • HTML静态网页成品作业(HTML+CSS)——游戏战地介绍设计制作(4个页面) 爱码网页成品 学生网页html+css静态网页htmlcss游戏
    不定期分享源码，关注不丢失哦文章目录一、作品介绍二、作品演示三、代码目录四、网站代码HTML部分代码五、源码获取一、作品介绍️本套采用HTML+CSS，未使用Javacsript代码，共有4个页面。二、作品演示三、代码目录四、网站代码HTML部分代码战地战地游戏首页游戏特点游戏评价游戏感受游戏介绍《战地》是EADICE开发的军事题材射击游戏系列。战地系列的首作《战地1942》于2002年上市。截至
  • HTML静态网页成品作业(HTML+CSS)——非遗阜阳剪纸介绍设计制作(1个页面) 爱码网页成品 学生网页html+css静态网页htmlcss前端
    不定期分享源码，关注不丢失哦文章目录一、作品介绍二、作品演示三、代码目录四、网站代码HTML部分代码五、源码获取一、作品介绍️本套采用HTML+CSS，未使用Javacsript代码，共有1个页面。二、作品演示三、代码目录四、网站代码HTML部分代码知名作品更多《伏虎》《三岔口》《王祥卧冰》《药王爷骑虎治龙》剪纸传人吴青平阜阳剪纸的巅峰人物朱英和程建礼，分别代表了精细刻法和随意起剪两种风格，两位老
  • WEB网页设计期末作业个人主页——基于HTML+CSS制作个人简介网站 html5网页设计 web前端期末大作业期末网页设计作业前端网页设计与制作html静态网页html期末大作业
    精彩专栏推荐✍️作者简介:一个热爱把逻辑思维转变为代码的技术博主作者主页:【主页——获取更多优质源码】web前端期末大作业：【毕设项目精品实战案例(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】超炫酷的Echarts大屏可视化源码：【echarts大屏展示大数据平台可视化(150套)】免费且实用的WEB前端学习指南：【web前端零基础到高级学习视频教程120G干
  • HTML5+CSS3小实例：抽屉式相册 艾恩小灰灰
    HTML5+CSS3小实例：抽屉式相册技术栈：HTML+CSS效果：源码：抽屉式相册*{/*初始化取消内外边距*/margin:0;padding:0;}body{/*100%窗口高度*/height:100vh;/*弹性布局水平垂直居中*/display:flex;justify-content:center;align-items:center;background-color:#000;}.
  • html+css网页设计 淘宝登录页面 qq_42431718 htmlcss前端
    html+css网页设计淘宝登录页面网页作品代码简单，可使用任意HTML编辑软件（如：Dreamweaver、HBuilder、Vscode、Sublime、Webstorm、Text、Notepad++等任意html编辑软件进行运行及修改编辑等操作）。获取源码1，访问该网站https://download.csdn.net/download/qq_42431718/896520032，点击上方下
  • 如何制作一个简单的学生网页作业(HTML+CSS) html网页设计
    一、作品介绍HTML实例网页代码,本实例适合于初学HTML的同学。该实例里面有设置了css的样式设置，有div的样式格局，这个实例比较全面，有助于同学的学习,本文将介绍如何通过从头开始设计个人网站并将其转换为代码的过程来实践设计。二、作品效果▶️视频演示https://live.csdn.net/v/embed/240069(title-K15JP-NBA篮球介绍22页html+css)截图演示0
  • HTML5+CSS3小实例：3D分层图像悬停效果 艾恩小灰灰
    实例：3D分层图像悬停效果技术栈：HTML+CSS效果：源码：【html】3D分层图像悬停效果【css】*{/*初始化*/margin:0;padding:0;}body{/*100%窗口高度*/height:100vh;/*弹性布局居中*/display:flex;justify-content:center;align-items:center;overflow:hidden;/*渐变背景*/
  • HTML5+CSS3小实例：广告灯牌效果的loading动画 艾恩小灰灰
    实例：广告灯牌效果的loading动画技术栈：HTML+CSS效果：源码：【html】广告灯牌效果的loading动画拼命加载中...【css】*{/*初始化*/margin:0;padding:0;/*box-sizing:border-box;*/}body{/*100%窗口高度*/min-height:100vh;/*弹性布局水平+垂直居中*/display:flex;justify-con
  • 「HTML+CSS」--自定义加载动画【013】 海轰Pro
    前言Hello！小伙伴！首先非常感谢您阅读海轰的文章，倘若文中有错误的地方，欢迎您指出～哈哈自我介绍一下昵称：海轰标签：程序猿一只｜C++选手｜学生简介：因C语言结识编程，随后转入计算机专业，有幸拿过国奖、省奖等，已保研。目前正在学习C++/Linux（真的真的太难了～）学习经验：扎实基础+多做笔记+多敲代码+多思考+学好英语！效果展示css-自定义加载动画9a.gifDemo代码HTMLDocu
  • 【网页设计】web前端期末大作业html+css web学生网页设计 web前端cssdreamweaverhtmlhtml5期末作业
    精彩专栏推荐✍️作者简介:一个热爱把逻辑思维转变为代码的技术博主作者主页:【主页——获取更多优质源码】web前端期末大作业：【毕设项目精品实战案例(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】超炫酷的Echarts大屏可视化源码：【echarts大屏展示大数据平台可视化(150套)】免费且实用的WEB前端学习指南：【web前端零基础到高级学习视频教程120G干
  • vue实践局部组件需求-投票 公子清 实践真题系列实践系列Vue系列vue实践局部组件需求-投票vuecomponenttemplate
    vue实践局部组件需求-投票投票局部组件实践和组件之间的嵌套：1.搭建结构（html+css布局）2.在组件标签中拆分成多个局部组件3.删除第一步的搭建结构（html+css布局）代码4.在组件中调取渲染使用Document.container{box-sizing:border-box;margin:20pxauto;padding:010px;border:1pxsolid#AAA;
  • HTML+CSS炫酷效果（小伙伴赶紧收藏起来吧） 小小锋叔叔 Web炫酷效果csshtmlcss3
    制作不易（点赞加关注哦）目录1.实现奥运徽效果2.实现3D效果3.翻开葵花宝典4.实现漂浮文字(动图）5.手机充电特效（动态）6.滚动时针7.立体相册1.实现奥运徽效果由于图片违规，就不给老铁发了哈亲自试试呗HTML如下奥运五环CSS如下body{/*弹性布局水平+垂直居中*/display:flex;justify-content:center;align-items:center;/*最小高度
  • Java实现的简单双向Map，支持重复Value superlxw1234 java双向map
    关键字：Java双向Map、DualHashBidiMap     有个需求，需要根据即时修改Map结构中的Value值，比如，将Map中所有value=V1的记录改成value=V2，key保持不变。   数据量比较大，遍历Map性能太差，这就需要根据Value先找到Key，然后去修改。   即：既要根据Key找Value，又要根据Value
  • PL/SQL触发器基础及例子 百合不是茶 oracle数据库触发器PL/SQL编程
      触发器的简介; 触发器的定义就是说某个条件成立的时候，触发器里面所定义的语句就会被自动的执行。因此触发器不需要人为的去调用，也不能调用。触发器和过程函数类似 过程函数必须要调用,   一个表中最多只能有12个触发器类型的,触发器和过程函数相似 触发器不需要调用直接执行, 触发时间：指明触发器何时执行，该值可取： before：表示在数据库动作之前触发
  • [时空与探索]穿越时空的一些问题 comsci 问题
          我们还没有进行过任何数学形式上的证明,仅仅是一个猜想.....       这个猜想就是; 任何有质量的物体(哪怕只有一微克)都不可能穿越时空,该物体强行穿越时空的时候,物体的质量会与时空粒子产生反应,物体会变成暗物质,也就是说,任何物体穿越时空会变成暗物质..(暗物质就我的理
  • easy ui datagrid上移下移一行 商人shang js上移下移easyuidatagrid
    /** * 向上移动一行 * * @param dg * @param row */ function moveupRow(dg, row) { var datagrid = $(dg); var index = datagrid.datagrid("getRowIndex", row); if (isFirstRow(dg, row)) {
  • Java反射 oloz 反射
    本人菜鸟，今天恰好有时间，写写博客，总结复习一下java反射方面的知识，欢迎大家探讨交流学习指教 首先看看java中的Class package demo; public class ClassTest { /*先了解java中的Class*/ public static void main(String[] args) { //任何一个类都
  • springMVC 使用JSR-303 Validation验证 杨白白 springmvc
    JSR-303是一个数据验证的规范，但是spring并没有对其进行实现，Hibernate Validator是实现了这一规范的，通过此这个实现来讲SpringMVC对JSR-303的支持。 JSR-303的校验是基于注解的，首先要把这些注解标记在需要验证的实体类的属性上或是其对应的get方法上。 登录需要验证类 public class Login { @NotEmpty
  • log4j 香水浓 log4j
    log4j.rootCategory=DEBUG, STDOUT, DAILYFILE, HTML, DATABASE #log4j.rootCategory=DEBUG, STDOUT, DAILYFILE, ROLLINGFILE, HTML #console log4j.appender.STDOUT=org.apache.log4j.ConsoleAppender log4
  • 使用ajax和history.pushState无刷新改变页面URL agevs jquery框架Ajaxhtml5chrome
    表现 如果你使用chrome或者firefox等浏览器访问本博客、github.com、plus.google.com等网站时，细心的你会发现页面之间的点击是通过ajax异步请求的，同时页面的URL发生了了改变。并且能够很好的支持浏览器前进和后退。 是什么有这么强大的功能呢？ HTML5里引用了新的API，history.pushState和history.replaceState，就是通过
  • centos中文乱码 AILIKES centosOSssh
    一、CentOS系统访问 g.cn ，发现中文乱码。 于是用以前的方式：yum -y install fonts-chinese CentOS系统安装后，还是不能显示中文字体。我使用 gedit 编辑源码，其中文注释也为乱码。       后来，终于找到以下方法可以解决，需要两个中文支持的包： fonts-chinese-3.02-12.
  • 触发器 baalwolf 触发器
    触发器(trigger)：监视某种情况，并触发某种操作。 触发器创建语法四要素：1.监视地点(table) 2.监视事件(insert/update/delete) 3.触发时间(after/before) 4.触发事件(insert/update/delete) 语法： create trigger triggerName after/before 
  • JS正则表达式的i m g bijian1013 JavaScript正则表达式
            g:表示全局（global)模式，即模式将被应用于所有字符串，而非在发现第一个匹配项时立即停止。         i:表示不区分大小写（case-insensitive）模式，即在确定匹配项时忽略模式与字符串的大小写。         m:表示
  • HTML5模式和Hashbang模式 bijian1013 JavaScriptAngularJSHashbang模式HTML5模式
            我们可以用$locationProvider来配置$location服务（可以采用注入的方式，就像AngularJS中其他所有东西一样）。这里provider的两个参数很有意思，介绍如下。 html5Mode         一个布尔值，标识$location服务是否运行在HTML5模式下。 ha
  • [Maven学习笔记六]Maven生命周期 bit1129 maven
    从mvn test的输出开始说起   当我们在user-core中执行mvn test时，执行的输出如下：   /software/devsoftware/jdk1.7.0_55/bin/java -Dmaven.home=/software/devsoftware/apache-maven-3.2.1 -Dclassworlds.conf=/software/devs
  • 【Hadoop七】基于Yarn的Hadoop Map Reduce容错 bit1129 hadoop
    运行于Yarn的Map Reduce作业，可能发生失败的点包括 Task Failure Application Master Failure Node Manager Failure Resource Manager Failure 1. Task Failure 任务执行过程中产生的异常和JVM的意外终止会汇报给Application Master。僵死的任务也会被A
  • 记一次数据推送的异常解决端口解决 ronin47 记一次数据推送的异常解决
    　　 需求：从db获取数据然后推送到B         程序开发完成，上jboss,刚开始报了很多错，逐一解决，可最后显示连接不到数据库。机房的同事说可以ping 通。 　　  自已画了个图，逐一排除，把linux 防火墙　和　setenforce　设置最低。 　　　service iptables stop
  • 巧用视错觉-UI更有趣 brotherlamp UIui视频ui教程ui自学ui资料
    我们每个人在生活中都曾感受过视错觉（optical illusion）的魅力。 视错觉现象是双眼跟我们开的一个玩笑，而我们往往还心甘情愿地接受我们看到的假象。其实不止如此，视觉错现象的背后还有一个重要的科学原理——格式塔原理。 格式塔原理解释了人们如何以视觉方式感觉物体，以及图像的结构，视角，大小等要素是如何影响我们的视觉的。 在下面这篇文章中，我们首先会简单介绍一下格式塔原理中的基本概念，
  • 线段树-poj1177-N个矩形求边长（离散化+扫描线） bylijinnan 数据结构算法线段树
    package com.ljn.base; import java.util.Arrays; import java.util.Comparator; import java.util.Set; import java.util.TreeSet; /** * POJ 1177 (线段树+离散化+扫描线)，题目链接为http://poj.org/problem?id=1177
  • HTTP协议详解 chicony http协议
    引言                                 
  • Scala设计模式 chenchao051 设计模式scala
    Scala设计模式                我的话： 在国外网站上看到一篇文章，里面详细描述了很多设计模式，并且用Java及Scala两种语言描述，清晰的让我们看到各种常规的设计模式，在Scala中是如何在语言特性层面直接支持的。基于文章很nice，我利用今天的空闲时间将其翻译，希望大家能一起学习，讨论。翻译
  • 安装mysql daizj mysql安装
    安装mysql   (1)删除linux上已经安装的mysql相关库信息。rpm  -e  xxxxxxx   --nodeps (强制删除)      执行命令rpm -qa |grep mysql 检查是否删除干净   (2)执行命令  rpm -i MySQL-server-5.5.31-2.el
  • HTTP状态码大全 dcj3sjt126com http状态码
    完整的 HTTP 1.1规范说明书来自于RFC 2616，你可以在http://www.talentdigger.cn/home/link.php?url=d3d3LnJmYy1lZGl0b3Iub3JnLw%3D%3D在线查阅。HTTP 1.1的状态码被标记为新特性，因为许多浏览器只支持 HTTP 1.0。你应只把状态码发送给支持 HTTP 1.1的客户端，支持协议版本可以通过调用request
  • asihttprequest上传图片 dcj3sjt126com ASIHTTPRequest
    NSURL *url =@"yourURL"; ASIFormDataRequest*currentRequest =[ASIFormDataRequest requestWithURL:url]; [currentRequest setPostFormat:ASIMultipartFormDataPostFormat];[currentRequest se
  • C语言中，关键字static的作用 e200702084 C++cC#
    在C语言中，关键字static有三个明显的作用： 1)在函数体，局部的static变量。生存期为程序的整个生命周期，（它存活多长时间）；作用域却在函数体内（它在什么地方能被访问（空间））。 一个被声明为静态的变量在这一函数被调用过程中维持其值不变。因为它分配在静态存储区，函数调用结束后并不释放单元，但是在其它的作用域的无法访问。当再次调用这个函数时，这个局部的静态变量还存活，而且用在它的访
  • win7/8使用curl geeksun win7
    1.  WIN7/8下要使用curl，需要下载curl-7.20.0-win64-ssl-sspi.zip和Win64OpenSSL_Light-1_0_2d.exe。 下载地址：  http://curl.haxx.se/download.html 请选择不带SSL的版本，否则还需要安装SSL的支持包   2.  可以给Windows增加c
  • Creating a Shared Repository; Users Sharing The Repository hongtoushizi git
    转载自：   http://www.gitguys.com/topics/creating-a-shared-repository-users-sharing-the-repository/ Commands discussed in this section: git init –bare git clone git remote git pull git p
  • Java实现字符串反转的8种或9种方法 Josh_Persistence 异或反转递归反转二分交换反转java字符串反转栈反转
    注：对于第7种使用异或的方式来实现字符串的反转，如果不太看得明白的，可以参照另一篇博客： http://josh-persistence.iteye.com/blog/2205768   /** * */ package com.wsheng.aggregator.algorithm.string; import java.util.Stack; /**
  • 代码实现任意容量倒水问题 home198979 PHP算法倒水
    形象化设计模式实战             HELLO!架构                     redis命令源码解析   倒水问题：有两个杯子，一个A升，一个B升，水有无限多，现要求利用这两杯子装C
  • Druid datasource zhb8015 druid
    推荐大家使用数据库连接池 DruidDataSource. http://code.alibabatech.com/wiki/display/Druid/DruidDataSource DruidDataSource经过阿里巴巴数百个应用一年多生产环境运行验证，稳定可靠。 它最重要的特点是：监控、扩展和性能。 下载和Maven配置看这里： http
  • 两种启动监听器ApplicationListener和ServletContextListener spjich javaspring框架
    引言:有时候需要在项目初始化的时候进行一系列工作，比如初始化一个线程池，初始化配置文件，初始化缓存等等，这时候就需要用到启动监听器，下面分别介绍一下两种常用的项目启动监听器   ServletContextListener  特点: 依赖于sevlet容器，需要配置web.xml 使用方法: public class StartListener implements
  • JavaScript Rounding Methods of the Math object 何不笑 JavaScriptMath
        The next group of methods has to do with rounding decimal values into integers. Three methods — Math.ceil(),  Math.floor(), and  Math.round() — handle rounding in differen
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他