xiangxiongfly915
xiangxiongfly915

CSS 定位

文章目录

  • 定位（ postion）
    • 简介
    • 静态定位（static）
    • 相对定位（relative）
    • 绝对定位（absolute）
    • 固定定位（fixed）
    • 四种定位总结
    • 叠放次序（z-index）
    • 居中布局

定位（ postion）

简介

定位一种布局方式。

通过定位可以将元素摆放到页面的任意位置。

元素开启定位后，可以通过偏移量设置位置。

CSS position属性

属性 说明
static 静态定位，默认值
relative 相对定位，相对于文档流的位置进行定位
absolute 绝对定位，相对于上一个已经定位的父元素进行定位
fixed 固定定位，相对于浏览器窗口定位

边偏移

属性 说明
top 顶部偏移
bottom 顶部偏移
left 左侧偏移
right 右侧偏移

静态定位（static）

静态定位是所有元素的默认定位方式。

当position属性为static时可开启元素的静态定位

所谓静态位置指各元素在HTML文档流中默认的位置。

在静态定位下，不能通过边偏移属性改变元素的位置。

相对定位（relative）

相对定位是将元素相对于它在标准流中的位置进行定位。

当position属性为relative时可开启元素的相对定位

当元素设置为相对定位时，可以通过边偏移属性改变元素的位置，但它在文档流中的位置仍然保持继续占有。

CSS 定位_第1张图片 
<style>
    .box1 {
        background-color: red;
        width: 100px;
        height: 100px;
    }

    .box2 {
        background-color: green;
        width: 100px;
        height: 100px;
        position: relative;
        top: -50px;
        left: 50px;
    }

    .box3 {
        background-color: blue;
        width: 100px;
        height: 100px;
    }
style>

<body>
    <div class="box1">div>
    <div class="box2">div>
    <div class="box3">div>
body>

绝对定位（absolute）

绝对定位的元素会脱离文档流，完全不占位置。

当position属性为absolute时可开启元素的绝对定位。

当元素为绝对定位时，可通过边偏移改变元素的位置。

父元素没有定位

若所有父元素都没有定位，则以html根元素进行定位。

父元素有定位

绝对定位是根据最近的定位父元素进行定位。

子绝父相

通常子元素为绝对定位时，父元素用相对定位。

因为子元素时绝对定位，不会占有位置，可以放在父盒子的任何地方。父元素布局时需要占有位置。

CSS 定位_第2张图片 
<style>
    .box1 {
        background-color: red;
        width: 100px;
        height: 100px;
    }

    .box2 {
        background-color: green;
        width: 100px;
        height: 100px;
        position: absolute;
        top: 50px;
        left: 150px;
    }

    .box3 {
        background-color: blue;
        width: 100px;
        height: 100px;
    }
style>

<body>
    <div class="box1">div>
    <div class="box2">div>
    <div class="box3">div>
body>

固定定位（fixed）

固定定位会脱离文档流，以浏览器窗口为参照物。

当position属性为fixed时可开启元素的固定定位。

CSS 定位_第3张图片 
<style>
    .box1 {
        background-color: red;
        width: auto;
        height: 800px;
    }

    .box3 {
        background-color: blue;
        width: auto;
        height: 800px;
    }

    .box2 {
        background-color: green;
        width: 100px;
        height: 100px;
        position: fixed;
        top: 100px;
    }
style>

<body>
    <div class="box1">div>
    <div class="box2">这里是固定定位div>
    <div class="box3">div>
body>

四种定位总结

定位模式 是否脱标占有位置 是否可以使用边偏移 移动位置基准
static 不脱标 不可以 正常模式
relative 不脱标，占有位置 可以 相对自身位置移动
absolute 完全脱标，不占有位置 可以 相对定位父级元素位置
fixed 完全脱标，不占有位置 可以 相对于浏览器位置

叠放次序（z-index）

当多个元素同时设置定位时，元素之间会出现重叠问题。

这时可以使用z-index属性，取值越大，层叠元素越剧上。

只有相对定位、绝对定位、固定定位有该属性，其他浮动、静态定位无此属性。

语法

选择器 {
	z-index: 1;
}

居中布局

方式一

.box{
    background-color: red;
    width: 200px;
    height: 200px;
    margin: 0 auto;
}

方式二

.box{
    background-color: red;
    width: 200px;
    height: 200px;
    position: absolute;
    left: 50%;
    margin-left: -100px;
}

方式三

.box{
    background-color: red;
    width: 200px;
    height: 200px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

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

  • HTML+CSS学习笔记 潘越越 学习笔记
    目录一、emmet语法二、常用html标签使用方法：三、常用CSS样式css样式设计具体引入方式1.关于border边框的设计2.关于text文本内容的管理3.关于盒模型的分类以及position属性：4.background属性的使用5.实现样式转变持续更新……首先，整体了解有关HTML和CSS的使用，主要是为了搭建静态页面有关HTML5所需要掌握的框架：React+Reactnativeuni
  • 探索前端开发的无限可能：30个HTML+CSS案例集锦 唐红娉Trevor
    探索前端开发的无限可能：30个HTML+CSS案例集锦30个HTMLCSS前端开发案例完结篇项目地址:https://gitcode.com/Resource-Bundle-Collection/a6ecb项目介绍在快速发展的前端开发领域，掌握HTML和CSS是每一位开发者的基本功。为了帮助开发者从入门到精通，我们精心打造了一个包含30个案例的HTML+CSS前端开发案例集锦。这个项目不仅涵盖了从
  • HTML静态网页成品作业(HTML+CSS)——西点蛋糕介绍(5个页面) 爱码网页成品 HTML网页成品静态网页成品学生网页htmlcss前端
    不定期分享源码，关注不丢失哦文章目录一、作品介绍二、作品演示三、代码目录四、网站代码HTML部分代码五、源码获取一、作品介绍️本套采用HTML+CSS，未使用Javacsript代码，共有5个页面。二、作品演示三、代码目录四、网站代码HTML部分代码首页西点简介西点分类西点展示西点做法SWEETYSWEET提拉米苏布丁芝士蛋糕泡芙马卡龙西式的甜品花团锦簇，尤以意、法为盛。提拉米苏（Tiramisu
  • html+css 实现发光倒影按钮 宝码香车 #html+css+js绚丽按钮htmlcss前端
    效果html+css鼠标悬停，发光倒影按钮原理解析通过a元素的hover效果实现的过渡动画:给a元素定义一个初始值，当hover时，改变这个值。这里是给a元素定义一个css3的过渡动画。当hover时改变这个过渡动画的参数。
  • Html+CSS中子选择器 若节 Html+CSShtmlCSS子选择器
    子选择符.food>li{border:1pxsolidred;}/*添加边框样式（粗细为1px，颜色为红色的实线）*/.first>span{border:1pxsolidred;}三年级时，我还是一个胆小如鼠的小女孩，上课从来不敢回答老师提出的问题，生怕回答错了老师会批评我。就一直没有这个勇气来回答老师提出的问题。学校举办的活动我也没勇气参加。食物水果香蕉苹果梨蔬菜白菜油菜卷心菜这里就可以在外
  • html+css网页设计，我的网站 软件技术NINI html/css笔记javascripthtmlcss
    一、技术简介HTML：超文本标记语言（HyperTextMarkupLanguage），用于创建网页的基本结构和内容。CSS：层叠样式表（CascadingStyleSheets），用于设置网页的样式和布局，包括字体、颜色、边距、对齐方式等。JavaScript：一种用于创建动态和交互式网页的脚本语言。通过JavaScript，可以实现网页的动画效果、表单验证、数据交互等功能。二、创建多页网站的基
  • 后端学习前端-html+css 想要变瘦的小码头 后端学前端前端学习html
    第一章.HTML与CSSHTML是什么：即HyperTextMarkuplanguage超文本标记语言，咱们熟知的网页就是用它编写的，HTML的作用是定义网页的内容和结构。HyperText是指用超链接的方式组织网页，把网页联系起来Markup是指用的方式赋予内容不同的功能和含义CSS是什么：即CascadingStyleSheets级联（层叠）样式表，它描述了网页的表现与展示效果1.HTML元素
  • 从零开始设计一个完整的网站：HTML、CSS、PHP、MySQL 和 JavaScript 实战教程 Aishenyanying33 htmlcssphpjavascriptmysql网络
    前言本文将从实战角度出发，带你一步步设计一个完整的网站。我们将从静态网页开始，然后加入动态功能（使用PHP），连接数据库，最后加入JavaScript实现交互功能。通过这个教程，你将掌握一个网站的真正设计过程！目录网站功能设计准备工具设计静态网页（HTML+CSS）设计动态网页（PHP）创建数据库（MySQL）加入JavaScript实现交互测试与发布总结与扩展1.网站功能设计我们的网站将包含以下
  • HTML+CSS进阶用法 (下)——移动端适配、媒体查询和响应式布局 天下无贼！ 前端必备技能htmlcss媒体
    欢迎来到移动端适配方案的介绍！随着移动互联网的快速发展，越来越多的用户通过手机和平板电脑访问网站。为了确保网站能够在各种设备上呈现出最佳的视觉效果和用户体验，我们需要采取有效的适配策略。本篇文章将带你了解几种常用的适配方法，包括宽度适配、等比适配、媒体查询以及使用flexible.js和vw布局。让我们一起探索如何构建响应式网页，使其能够完美适应不同屏幕尺寸！文章目录移动端适配方案宽度适配百分之布
  • 电影网站(7页) 琪源图文 电影javascripthtml5css开发语言visualstudio
    电影网站(7页)无js,带登录表单,注册表单,带表格,table布局,内嵌css,源码简单,合适【HTML+CSS】初学者
  • HTML+CSS面试题 KangJinXuan htmlcsschrome
    1.XHTML和HTML有什么区别HTML是一种基本的WEB网页设计语言，XHTML是一个基于XMl的置标语言最主要的不同XHTML元素必须被正确地嵌套。XHTML元素必须被关闭标签名必须用小写字母XHTMl文档必须拥有根元素2.什么是语义化的HTML？直观的认识标签对于搜索引擎的抓取有好处，用正确的标签做正确的事情！HTML语义化就是让页面的内容结构化，便于对浏览器，搜索引擎解析；在没有样式cs
  • HTML+CSS初学 （day3） 灵封～ html前端css
    HTML，全称为超文本标记语言（HyperTextMarkupLanguage），是一种用于创建网页的标准标记语言。HTML是构建Web页面的基础，它使用一系列称为标签的关键字来定义页面的结构。一、HTML的基本概念定义：HTML通过标签来描述网页中的各个元素，如标题、段落、图片、链接等。这些标签告诉浏览器如何显示内容，包括文字、图片、视频等。作用：定义网页的结构和内容，使网页内容能够按照预定的格
  • 前端——Html+CSS 逆风局？ css前端html5
    目录CSS引入方式颜色表达方式CSS选择器去掉超链接的下划线路径表示行高和首行缩进常见标签布局标签flex布局表单标签表单项标签改变鼠标指针的样式表格标签div{box-sizing:border-box;}CSS引入方式具体有3种引入方式，语法如下表格所示：名称语法描述示例行内样式在标签内使用style属性，属性值是css属性键值对。中国新闻网内部样式定义标签，在标签内部定义css样式。h1{.
  • 纯HTML+CSS网页设计期末作业（个人网站） m0_67403143 前端htmlvue.jstypescriptjavascript
    目录纯HTML+CSS网页设计期末作业（个人网站）源码链接效果展示index页面about页面hobbies页面书籍介绍页面元曲介绍页面源码index.htmlindex.cssabout.htmlhobbies.htmlhobbies.cssme.htmlme.cssbook1.htmlbook.cssyuanqu.htmlyuanqu.css缺陷纯HTML+CSS网页设计期末作业（个人网站）源
  • HTML静态网页作业(HTML+CSS)——外卖平台主题网页设计制作(8个页面) 2501_90365653 htmlcss学生网页htmlcss前端
    不定期分享源码，关注不丢失哦文章目录一、作品介绍二、作品演示1、首页2、商家列表页3、商家详情页4、商家图片页三、代码目录四、网站代码五、源码获取一、作品介绍️本套采用DIV+CSS布局，未使用Javacsript代码，共有8个页面。二、作品演示1、首页2、商家列表页3、商家详情页4、商家图片页三、代码目录四、网站代码北京[更换]你好，请登录/注册全部分类全部商家商家入驻关于我们常见问题我要登录用
  • JavaWeb 前端基础 html + CSS 快速入门 | 018 菜鸟阿康学习编程 前端前端htmlcss
    今日推荐语指望别人的救赎，势必走向毁灭——波伏娃日期学习内容打卡编号2025年01月17日JavaWeb前端基础html+CSS018前言哈喽，我是菜鸟阿康。今天正式进入JavaWeb的学习，简单学习html+CSS这2各前端基础部分，以下是我的重点总结，希望对你有所帮助。（建议先看左侧目录，先了解文章结构）（请忽略错误的大纲编号，我直接从笔记中粘贴过来的，就没严格纠正了，重点在内容！）文末和主页
  • html+css 实现仿3D地球旋转效果 web网页精选 htmlcss3d
    demo:root{--stars:5vw15vh2pxwhite,1vw33vh0pxwhite,2vw25vh2pxwhite,10vw10vh2pxwhite,12vw20vh0pxwhite,30vw15vh2pxwhite,16vw5vh2pxwhite,24vw10vh0pxwhite,32vw40vh0pxwhite,33vw35vh2pxwhite,12vw38vh2pxwhite
  • 关于城市旅游的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/
  • 数据采集高并发的架构应用 3golden .net
    问题的出发点：          最近公司为了发展需要，要扩大对用户的信息采集，每个用户的采集量估计约2W。如果用户量增加的话，将会大量照成采集量成3W倍的增长，但是又要满足日常业务需要，特别是指令要及时得到响应的频率次数远大于预期。       &n
  • 不停止 MySQL 服务增加从库的两种方式 brotherlamp linuxlinux视频linux资料linux教程linux自学
    现在生产环境MySQL数据库是一主一从，由于业务量访问不断增大，故再增加一台从库。前提是不能影响线上业务使用，也就是说不能重启MySQL服务，为了避免出现其他情况，选择在网站访问量低峰期时间段操作。  一般在线增加从库有两种方式，一种是通过mysqldump备份主库，恢复到从库，mysqldump是逻辑备份，数据量大时，备份速度会很慢，锁表的时间也会很长。另一种是通过xtrabacku
  • Quartz——SimpleTrigger触发器 eksliang SimpleTriggerTriggerUtilsquartz
    转载请出自出处：http://eksliang.iteye.com/blog/2208166 一.概述 SimpleTrigger触发器，当且仅需触发一次或者以固定时间间隔周期触发执行；   二.SimpleTrigger的构造函数 SimpleTrigger(String name, String group)：通过该构造函数指定Trigger所属组和名称； Simpl
  • Informatica应用（1） 18289753290 sqlworkflowlookup组件Informatica
    1.如果要在workflow中调用shell脚本有一个command组件，在里面设置shell的路径；调度wf可以右键出现schedule，现在用的是HP的tidal调度wf的执行。 2.designer里面的router类似于SSIS中的broadcast（多播组件）;Reset_Workflow_Var：参数重置 （比如说我这个参数初始是1在workflow跑得过程中变成了3我要在结束时还要
  • python 获取图片验证码中文字 酷的飞上天空 python
    根据现成的开源项目 http://code.google.com/p/pytesser/改写 在window上用easy_install安装不上  看了下源码发现代码很少  于是就想自己改写一下   添加支持网络图片的直接解析   #coding:utf-8 #import sys #reload(sys) #sys.s
  • AJAX 永夜-极光 Ajax
    1.AJAX功能:动态更新页面,减少流量消耗,减轻服务器负担   2.代码结构:    <html> <head> <script type="text/javascript"> function loadXMLDoc() { .... AJAX script goes here ...
  • 创业OR读研 随便小屋 创业
            现在研一，有种想创业的想法，不知道该不该去实施。因为对于的我情况这两者是矛盾的，可能就是鱼与熊掌不能兼得。                研一的生活刚刚过去两个月，我们学校主要的是
  • 需求做得好与坏直接关系着程序员生活质量 aijuans IT 生活
            这个故事还得从去年换工作的事情说起，由于自己不太喜欢第一家公司的环境我选择了换一份工作。去年九月份我入职现在的这家公司，专门从事金融业内软件的开发。十一月份我们整个项目组前往北京做现场开发，从此苦逼的日子开始了。        系统背景：五月份就有同事前往甲方了解需求一直到6月份，后续几个月也完
  • 如何定义和区分高级软件开发工程师 aoyouzi
    在软件开发领域，高级开发工程师通常是指那些编写代码超过 3 年的人。这些人可能会被放到领导的位置，但经常会产生非常糟糕的结果。Matt Briggs 是一名高级开发工程师兼 Scrum 管理员。他认为，单纯使用年限来划分开发人员存在问题，两个同样具有 10 年开发经验的开发人员可能大不相同。近日，他发表了一篇博文，根据开发者所能发挥的作用划分软件开发工程师的成长阶段。 　　初
  • Servlet的请求与响应 百合不是茶 servletget提交java处理post提交
      Servlet是tomcat中的一个重要组成,也是负责客户端和服务端的中介     1,Http的请求方式(get  ,post);   客户端的请求一般都会都是Servlet来接受的,在接收之前怎么来确定是那种方式提交的,以及如何反馈,Servlet中有相应的方法,  http的get方式 servlet就是都doGet(
  • web.xml配置详解之listener bijian1013 javaweb.xmllistener
    一.定义 <listener> <listen-class>com.myapp.MyListener</listen-class> </listener>   二.作用        该元素用来注册一个监听器类。可以收到事件什么时候发生以及用什么作为响
  • Web页面性能优化（yahoo技术） Bill_chen JavaScriptAjaxWebcssYahoo
    1.尽可能的减少HTTP请求数 content 2.使用CDN server 3.添加Expires头(或者 Cache-control) server 4.Gzip 组件 server 5.把CSS样式放在页面的上方。 css 6.将脚本放在底部(包括内联的) javascript 7.避免在CSS中使用Expressions css 8.将javascript和css独立成外部文
  • 【MongoDB学习笔记八】MongoDB游标、分页查询、查询结果排序 bit1129 mongodb
    游标   游标，简单的说就是一个查询结果的指针。游标作为数据库的一个对象，使用它是包括 声明 打开 循环抓去一定数目的文档直到结果集中的所有文档已经抓取完 关闭游标   游标的基本用法，类似于JDBC的ResultSet(hasNext判断是否抓去完,next移动游标到下一条文档)，在获取一个文档集时，可以提供一个类似JDBC的FetchSize
  • ORA-12514 TNS 监听程序当前无法识别连接描述符中请求服务 的解决方法 白糖_ ORA-12514
    今天通过Oracle SQL*Plus连接远端服务器的时候提示“监听程序当前无法识别连接描述符中请求服务”，遂在网上找到了解决方案： ①打开Oracle服务器安装目录\NETWORK\ADMIN\listener.ora文件，你会看到如下信息：   # listener.ora Network Configuration File: D:\database\Oracle\net
  • Eclipse 问题 A resource exists with a different case bozch eclipse
    在使用Eclipse进行开发的时候，出现了如下的问题： Description Resource Path Location TypeThe project was not built due to "A resource exists with a different case: '/SeenTaoImp_zhV2/bin/seentao'.&
  • 编程之美-小飞的电梯调度算法 bylijinnan 编程之美
    public class AptElevator { /** * 编程之美 小飞 电梯调度算法 * 在繁忙的时间，每次电梯从一层往上走时，我们只允许电梯停在其中的某一层。 * 所有乘客都从一楼上电梯，到达某层楼后，电梯听下来，所有乘客再从这里爬楼梯到自己的目的层。 * 在一楼时，每个乘客选择自己的目的层，电梯则自动计算出应停的楼层。 * 问：电梯停在哪
  • SQL注入相关概念 chenbowen00 sqlWeb安全
    SQL Injection：就是通过把SQL命令插入到Web表单递交或输入域名或页面请求的查询字符串，最终达到欺骗服务器执行恶意的SQL命令。 具体来说，它是利用现有应用程序，将（恶意）的SQL命令注入到后台数据库引擎执行的能力，它可以通过在Web表单中输入（恶意）SQL语句得到一个存在安全漏洞的网站上的数据库，而不是按照设计者意图去执行SQL语句。 首先让我们了解什么时候可能发生SQ
  • [光与电]光子信号战防御原理 comsci 原理
          无论是在战场上,还是在后方,敌人都有可能用光子信号对人体进行控制和攻击,那么采取什么样的防御方法,最简单,最有效呢?       我们这里有几个山寨的办法,可能有些作用,大家如果有兴趣可以去实验一下       根据光
  • oracle 11g新特性:Pending Statistics daizj oracledbms_stats
    oracle 11g新特性:Pending Statistics 转 从11g开始，表与索引的统计信息收集完毕后，可以选择收集的统信息立即发布，也可以选择使新收集的统计信息处于pending状态，待确定处于pending状态的统计信息是安全的，再使处于pending状态的统计信息发布，这样就会避免一些因为收集统计信息立即发布而导致SQL执行计划走错的灾难。 在 11g 之前的版本中，D
  • 快速理解RequireJs dengkane jqueryrequirejs
    RequireJs已经流行很久了，我们在项目中也打算使用它。它提供了以下功能： 声明不同js文件之间的依赖 可以按需、并行、延时载入js库 可以让我们的代码以模块化的方式组织 初看起来并不复杂。 在html中引入requirejs 在HTML中，添加这样的 <script> 标签： <script src="/path/to
  • C语言学习四流程控制if条件选择、for循环和强制类型转换 dcj3sjt126com c
    # include <stdio.h> int main(void) { int i, j; scanf("%d %d", &i, &j); if (i > j) printf("i大于j\n"); else printf("i小于j\n"); retu
  • dictionary的使用要注意 dcj3sjt126com IO
    NSDictionary *dict = [NSDictionary dictionaryWithObjectsAndKeys: user.user_id , @"id", user.username , @"username",
  • Android 中的资源访问(Resource) finally_m xmlandroidStringdrawablecolor
    简单的说，Android中的资源是指非代码部分。例如，在我们的Android程序中要使用一些图片来设置界面，要使用一些音频文件来设置铃声，要使用一些动画来显示特效，要使用一些字符串来显示提示信息。那么，这些图片、音频、动画和字符串等叫做Android中的资源文件。 在Eclipse创建的工程中，我们可以看到res和assets两个文件夹，是用来保存资源文件的，在assets中保存的一般是原生
  • Spring使用Cache、整合Ehcache 234390216 springcacheehcache@Cacheable
    Spring使用Cache            从3.1开始，Spring引入了对Cache的支持。其使用方法和原理都类似于Spring对事务管理的支持。Spring Cache是作用在方法上的，其核心思想是这样的：当我们在调用一个缓存方法时会把该方法参数和返回结果作为一个键值对存放在缓存中，等到下次利用同样的
  • 当druid遇上oracle blob(clob) jackyrong oracle
    http://blog.csdn.net/renfufei/article/details/44887371 众所周知，Oracle有很多坑, 所以才有了去IOE。 在使用Druid做数据库连接池后，其实偶尔也会碰到小坑，这就是使用开源项目所必须去填平的。【如果使用不开源的产品，那就不是坑，而是陷阱了，你都不知道怎么去填坑】 用Druid连接池，通过JDBC往Oracle数据库的
  • easyui datagrid pagination获得分页页码、总页数等信息 ldzyz007
    var grid = $('#datagrid');  var options = grid.datagrid('getPager').data("pagination").options;  var curr = options.pageNumber;  var total = options.total;  var max =
  • 浅析awk里的数组 nigelzeng 二维数组array数组awk
    awk绝对是文本处理中的神器，它本身也是一门编程语言，还有许多功能本人没有使用到。这篇文章就单单针对awk里的数组来进行讨论，如何利用数组来帮助完成文本分析。   有这么一组数据：   abcd,91#31#2012-12-31 11:24:00 case_a,136#19#2012-12-31 11:24:00 case_a,136#23#2012-12-31 1
  • 搭建 CentOS 6 服务器(6) - TigerVNC rensanning centos
    安装GNOME桌面环境 # yum groupinstall "X Window System" "Desktop" 安装TigerVNC # yum -y install tigervnc-server tigervnc 启动VNC服务 # /etc/init.d/vncserver restart # vncser
  • Spring 数据库连接整理 tomcat_oracle springbeanjdbc
    1、数据库连接jdbc.properties配置详解 　　jdbc.url=jdbc:hsqldb:hsql://localhost/xdb 　　jdbc.username=sa 　　jdbc.password= 　　jdbc.driver=不同的数据库厂商驱动，此处不一一列举 　　接下来，详细配置代码如下： 　　 Spring连接池    
  • Dom4J解析使用xpath java.lang.NoClassDefFoundError: org/jaxen/JaxenException异常 xp9802
    用Dom4J解析xml,以前没注意,今天使用dom4j包解析xml时在xpath使用处报错      异常栈：java.lang.NoClassDefFoundError: org/jaxen/JaxenException异常       导入包 jaxen-1.1-beta-6.jar 解决; &nb
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他