百变珍珑兽
百变珍珑兽

CSS笔记(黑马程序员pink老师前端)定位

定位可以让盒子自由的在某个盒子内移动位置或者固定在屏幕中某个位置，并且可以压住其他盒子。

定位 = 定位模式 + 边偏移

定位模式 说明
static 静态定位,按标准流特性摆放,没有边偏移,很少用
relative 相对定位,相对自身原有位置移动,原有位置继续占有（不脱标）
absolute 绝对定位 ,相对祖先元素移动位置（脱标）
fixed 固定定位, 以浏览器的可视窗口为位置参照 （脱标）
sticky 粘性定位，兼容性较差，IE不支持

绝对定位特点:
1．如果没有祖先元素或者祖先元素没有定位，则定位以浏览器为准。
2．如果祖先元素有定位(相对、绝对、固定定位），则以最近一级的有定位祖先元素为参考点移动位置。
3.绝对定位不再占有原先的位置。(脱标）

粘性定位特点：
1.以浏览器的可视窗口为位置参照，占有原先位置，是绝对定位和相对定位的混合。
2.必须添加top,bottom,left,right中的一个才有效。


子绝父相
如果子级使用绝对定位,则父级需要使用相对定位.

定位叠放次序z-index
z-index:1;
z轴高度，数值越大越靠上，可以为正数、零、负数，默认为auto。如果属性值相同，则按照书写的顺序，后来者居上。只有定位的盒子才有这个属性，数值后面不能加单位。


注意
1.加了绝对定位的盒子，不能通过margin:0 auto;来水平居中。
2.脱标的盒子（浮动元素、绝对定位、固定定位）不会触发外边距合并。
3.浮动元素会压住下方标准流的盒子，但不会压住盒子里的文字或图片。绝对定位、固定定位的盒子会压住下方的所有内容。

DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Documenttitle>
    <style>
        * {
            margin: 0;
            padding: 0;
        }

        .div1 {
            margin: 10px auto;
            height: 3000px;
            width: 600px;
            background-color: pink;
            line-height: 30px;
        }


        .father {
            /* 父相,相对原有位置下降30px,即这里设置的行高大小,原有位置
            继续占有,下一个p标签显示在这个div的下方 */
            position: relative;
            top: 30px;


            background-color: skyblue;
            height: 300px;
        }

        .son {
            /* 子绝,不占有原有位置,下方文字向上对齐,子级盒子覆盖部分文字 */
            position: absolute;
            top: 0px;
            left: 200px;


            background-color: aquamarine;
            width: 100px;
            height: 100px;
        }

        .div1 p {
            /* p标签在其原有位置正好被father块完全覆盖,设置20px的上margin,使得文字显示了2/3  */
            margin-top: 20px;
            background-color: skyblue;
        }

        .div2 {
            position: fixed;
            bottom: 20px;
            right: 20px;

            height: 100px;
            width: 100px;
            background-color: aquamarine;

        }

        .div3 {
            /* 固定在版心旁的盒子 */
            position: fixed;
            top: 30px;
            /*1.走浏览器宽度的一半  */
            right: 50%;
            /* 2.利用margin,走版心的一半+空隙 */
            margin-right: 310px;


            height: 100px;
            width: 50px;
            background-color: aquamarine;

        }
    style>
head>

<body>
    <div class="div1">
        版心盒子
        <div class="father">
            <div class="son">
                绝对定位的子级盒子
            div>
            版心里的相对定位父级盒子<br>
            ................................................................
            ..................................................................


        div>
        <p>父级盒子后面的块元素p>
    div>

    <div class="div2">
        相对浏览器可视窗口固定的盒子
    div>
    <div class="div3">
        相对版心固定的盒子
    div>
body>

html>

显示效果
CSS笔记(黑马程序员pink老师前端)定位_第1张图片

你可能感兴趣的:(html+css+js,前端,css,笔记)

  • VsCode使用 keep one's resolveY 前端vscodeide编辑器
    vscode前端vue项目启动：Vue项目的创建启动及注意事项-CSDN博客vscode使用教程：史上最全vscode配置使用教程-夏天的思考-博客园vscode如何从git拉取代码：vscode如何从git拉取代码•Worktile社区
  • vue3 Teleport的使用及场景。 gxw_viva vue3学习笔记vue.js前端javascript
    Vue3中的Teleport（传送门）是一个非常有用的特性，它允许你在DOM树中的任意位置动态地渲染组件。Teleport实质上是将组件的内容“传送”到指定的目标位置，而不受组件自身所在位置的限制。Teleport的使用场景包括但不限于：模态框（Modal）：你可以使用Teleport将模态框的内容渲染到标签之外，以避免模态框受到父级容器CSS样式的影响，并且可以保证在层叠顺序上处于最顶层。弹出菜
  • 【前端】【vue-i8n】【element】Element 框架国际化配置指南：从 element-ui 到 element-plus 患得患失949 面试考题专栏（前后端）前端组件前端系统功能vue.js前端uii18nvue-i18nelment
    Element框架国际化配置指南：从element-ui到element-plus在全球化的大背景下，构建支持多语言的应用程序变得愈发重要。Element作为一款广泛使用的前端UI框架，为开发者提供了便捷的国际化（i18n）解决方案。本文将详细介绍在element-ui和element-plus中如何进行按需加载里的i18n定制。一、element-ui的i18n定制（一）官方文档指引elemen
  • vue框架使用 asuka613 前端基础知识汇总前端javascriptvue.js
    1.vue基础1.1特点渐进式框架国人开发、易学、易上手Vue的核心库只关注视图层声明式渲染组件系统1.2开发模式比较常见的三种开发模式：MVC、MVP、MVVMMVVM模式M：（model）数据对象，数据层V：（view）前端展示页面，显示层VM：（ViewModel）vue对象，逻辑层所谓的mvvm模式，通过vm层可以将v层和m层的数据进行双向绑定1.3设计模式设计模式：开发模式、发布订阅模式
  • 机器学习之学习笔记 孤城laugh 机器学习学习笔记人工智能python
    机器学习-学习笔记1.简介2.算法3.特征工程3.1数据集3.2特征提取3.3特征预处理3.4特征降维4.分类算法4.1`sklearn`转换器和估计器4.2K-近邻算法（KNN）4.3模型选择与调优4.4朴素贝叶斯算法4.5决策树4.6集成学习方法之随机森林5.回归算法5.1线性回归5.2过拟合与欠拟合5.3岭回归5.4逻辑回归（实际上是分类算法，用于解决二分类问题）6.聚类算法1.无监督学习2
  • python-坦克大战游戏项目 tzzzzzztzzzz pythonpygame游戏
    '''尚学堂学习笔记，用于复习'''一.下载pygame，在cmd输入命令pipinstallpygame(也可以直接在pycharm中importpygame,提示你没有pygame,然后直接安装即可)二.分析项目需求:坦克大战游戏的基本需求：1).项目中需要定义的类2).每个类对应的方法1.坦克类显示坦克移动射击2.子弹显示子弹移动击中敌方坦克时产生的影响3.墙壁类显示墙壁（是否可以通过）4.
  • 132java ssm springboot基于大数据的吉林省农村产权交易数据分析可视化平台系统（源码+文档+运行视频+讲解视频） QQ2279239102 springboot大数据数据分析开发语言mavenvue.js
    文章目录系列文章目录目的前言一、详细视频演示二、项目部分实现截图三、技术栈后端框架springboot前端框架vue持久层框架MyBaitsPlus系统测试四、代码参考源码获取目的摘要：本文介绍了基于JavaSSM和SpringBoot开发的吉林省农村产权交易数据分析可视化平台系统，为农村产权交易市场提供决策支持。系统前端利用HTML、CSS和JavaScript构建直观的可视化界面，后端运用Ja
  • C#：LINQ学习笔记01：LINQ基础概念 gu20 C#数据库c#开发语言linq
    一、LINQ架构体系1.LINQ的核心思想统一查询模型：对对象、XML、数据库等不同数据源使用一致的语法。强类型检查：编译时类型安全，减少运行时错误。2.核心组件技术数据源典型场景LINQtoObjects内存集合(IEnumerable)过滤/排序集合数据LINQtoXMLXML文档解析/查询XML节点LINQtoSQL关系数据库将查询翻译为SQL执行关键代码示例：//LINQtoObjects
  • 【Qt笔记】QGroupBox控件详解 冷眼看人间恩怨 Qtqt笔记开发语言QGroupBox
    目录引言一、基本属性二、常用方法2.1构造函数2.2设置标题2.3设置复选框模式2.4是否被选中2.5设置对齐方式2.6设置扁平化样式三、信号与槽机制四、样式定制五、应用示例5.1代码5.2代码解析5.3实现效果结语引言QGroupBox是Qt框架中一个非常有用的控件，它主要用于组织和管理一组相关的控件（如按钮、复选框、文本框等），并为这些控件提供一个框架和标题。通过使用QGroupBox，可以创
  • 【Swift 算法实战】判断数组中是否存在重复元素 网罗开发 Swiftvue.jsleetcode算法
    网罗开发（小红书、快手、视频号同名）  大家好，我是展菲，目前在上市企业从事人工智能项目研发管理工作，平时热衷于分享各种编程领域的软硬技能知识以及前沿技术，包括iOS、前端、HarmonyOS、Java、Python等方向。在移动端开发、鸿蒙开发、物联网、嵌入式、云原生、开源等领域有深厚造诣。图书作者：《ESP32-C3物联网工程开发实战》图书作者：《SwiftUI入门，进阶与实战》超级个体：CO
  • 408之一------数据结构（C语言版）(一) C study C in the C 数据结构（C）数据结构
    408之一------数据结构（C语言版）在《408之一------计算机操作系统》这篇文章中我们已经了解到了408的含义。本笔记总结是基于《数据结构》（C语言版）（第三版）所总结以及扩展开的。第一章：概论第一节：什么是数据结构首先，我们来了解一下，一个大家都知道的专业—计算机科学与技术，其中计算机科学是指一门研究信息表示和处理的科学，而信息的表示和组织又直接关系处理信息程序的效率。然后，由于许多
  • 前端笔记：vscode Vue nodejs npm 彳亍261 前端vscode
    1VSCode终端中默认cmd默认使用cmd(CommandPrompt),不使用PowerShell解决方式：【vscode配置】：vscode配置终端为cmd1命令面板（Ctrl+shift+p）2输入Terminal:SelectDefaultProfile之后回车3选择cmd(CommandPrompt)即可2npm镜像源配置在中国使用npm时，由于网络问题，经常需要配置镜像源以提高下载速
  • 【自学笔记】Hadoop基础知识点总览-持续更新 Long_poem 笔记hadoop大数据
    提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录Hadoop基础知识点总览1.Hadoop简介2.Hadoop生态系统3.HDFS（HadoopDistributedFileSystem）HDFS基本命令4.MapReduceWordCount示例（Java）5.YARN（YetAnotherResourceNegotiator）6.其他组件简介总结Hadoop基础知识点总
  • 软考笔记——4.1计算机网络（1） weixin_47940048 软件服务器运维学习网络
    1、网络功能和分类计算机网络是计算机技术与通信技术相结合的产物，它实现了远程通信、远程信息处理和资源共享。计算机网络的功能：数据通信、资源共享、负载均衡、高可靠性。计算机网络按分布范围和拓扑结构划分如下图所示：网络分类缩写分布距离计算机分布范围传输速率范围局域网LAN10m左右房间4Mbps~1Gbps100m左右楼寓1000m左右校园城域网MAN10km城市50Kbps~100Mbps广域网WA
  • python正确的布尔值_Python小课笔记--Python基础：布尔值和空值处理 处黑 python正确的布尔值
    截图来自Python小课文|仟樱雪在Python小课-1--4节中，已经学习了：基础模块--数据--数据类型(整数、字符串，浮点数)，基础模块--变量，基础模块--函数(input函数、print函数，len函数，type函数，转换函数)。基础模块--控制流(条件判断)本节将继续学习本节继续学习：基础篇--数据截图来自Python小课一.基础知识：数据类型中的布尔值、空值1、布尔值：True还有F
  • 添加按钮活蹦乱跳，子组件的Mounted 却装死？Vue 子组件的生命周期探秘！ 小丁学Java 产品资质管理系统vue2
    父组件index.vue，使用子组件ave-form.vue。子组件ave-form.vue，负责添加、查看、编辑、表单的显示。点击父组件中的添加按钮，子组件中的Mounted函数没有执行！！！“点击添加没反应？Vue子组件Mounted之谜大揭秘！”作者：小丁|日期：2025-03-04嘿，各位前端探险家‍‍！今天我们要一起破解一个让人抓狂的小谜题：为什么我在Vue子组件里辛辛苦苦写的mount
  • 从 ISO 到 GMT+8：Vue 前端时间格式的奇妙之旅！ 小丁学Java 产品资质管理系统vue.js前端javascript
    “从ISO到GMT+8：Vue前端时间格式的奇妙之旅！”作者：小丁|日期：2025-03-04嘿，各位前端探险家‍‍！今天我要带你们走进一个时间格式的“变形记”：从前端的ISO格式（"2025-03-04T07:28:17.058Z"）到后端期待的GMT+8"yyyy-MM-ddHH:mm:ss"（"2025-03-0415:28:17"），我如何在Vue项目中搞定这个“时间旅行”的小挑战？别急，
  • 制服小程序的“滑手”：禁用页面左右滑动全攻略 小丁学Java 微信小程序WxMa小程序
    哈哈，看来你已经很聪明地发现了小程序中左右滑动的“顽皮”行为！没错，我们可以通过设置disableScroll属性来“管教”它，同时结合CSS样式让页面既禁得住横向“乱跑”，又能顺畅地上下滚动。你的方案已经很接近完美了！下面，我会基于你提供的代码，写一篇有趣的技术博客，详细讲解如何禁用页面的左右滑动，融入你的修改建议，同时加点表情和趣味性。✦制服小程序的“滑手”：禁用页面左右滑动全攻略嘿，小程序开
  • Getter 和 Setter 的秘密：为什么 Location 不翼而飞？ 小丁学Java 产品资质管理系统状态模式
    标题：Getter和Setter的秘密：为什么Location不翼而飞？️‍♂️嘿，各位技术探险家！欢迎来到今天的博客，今天我们要聊一个既基础又充满戏剧性的问题：为什么我的location字段没有getter方法就没法返回给前端？这是一个发生在Java和JSON序列化世界中的小小“悬案”，让我们戴上侦探帽，一起揭开它的神秘面纱吧！故事的开端：Location的失踪案想象一下，你是一个勤奋的后端开发
  • 笔记-Python图片处理 （OpenCV-Python ） 大白砌墙 笔记pythonopencv
    OpenCV是一个基于BSD许可（开源）发行的跨平台计算机视觉库，可以运行在Linux、Windows、Android和MacOS操作系统上。它轻量级而且高效——由一系列C函数和少量C++类构成，同时提供了Python、Ruby、MATLAB等语言的接口，实现了图像处理和计算机视觉方面的很多通用算法。OpenCV-Python是OpenCV的Python的API接口，它拥有OpenCVC++API
  • vue3封装Hooks 实现图片懒加载（保姆级教程） carryforever vue.js前端框架
    一、背景在现代Web开发领域，图片懒加载的重要性不容小觑。首先，它对页面加载速度有着极大提升作用。当页面包含大量图片时，若不采用懒加载，所有图片会在页面初始化时一同请求加载，这会导致加载时间过长。而懒加载仅在图片进入浏览器可视区域时才触发加载，大大减少了初始加载的数据量，使关键资源（如HTML、CSS等）能优先高效加载，让用户更快看到页面布局并进行交互。其次，能有效节省用户流量。对于移动用户或流量
  • Svelte vs Vue：前端框架的深度对比与应用场景分析 赵大仁 Vue.js前端大语言模型vue.js前端框架javascript
    SveltevsVue：前端框架的深度对比与应用场景分析1.引言前端开发领域的框架选择一直是开发者关注的重点。在现代Web开发中，Vue和Svelte都是备受瞩目的框架，各自拥有不同的架构设计和适用场景。本文将从核心架构、性能对比、开发体验、生态系统、适用场景等多个维度，深入对比Vue和Svelte，帮助开发者做出更明智的选择。2.VuevsSvelte：基础概述特性VueSvelte发布年份20
  • EMET8002 Case Studies in Applied Economic 后端
    EMET8002CaseStudiesinAppliedEconomicAnalysisandEconometricsSemester12025ComputerLabinWeek3Question1:SimpleLinearRegressionDownloadthe“states”datafromWattleandopenitinStata.Aspartofthisquestionweexplor
  • 【新立电子】FPC柔性线路板的应用领域 珠海新立电子FPC 科技制造
    FPC（FlexiblePrintedCircuit，柔性印刷电路板）因其独特的柔韧性、轻薄性、高密度布线能力和优良的电气性能，被广泛应用于多个领域。以下是FPC的主要应用范围：1、移动设备：智能手机：FPC板用于连接显示屏、触摸屏、摄像头模块、按键、电池、传感器等组件，实现内部紧凑、轻薄的布局。平板电脑、笔记本电脑、二合一设备：在折叠屏、铰链结构、触控笔接口、内部连接等方面使用FPC板，增强设备
  • tcl常用命令笔记--运算符&条件语句 芯火相传 tcl常用命令笔记笔记
    运算符运算符是告诉编译器执行特定的数学或逻辑操作的符号，类型有：算术运算符，关系运算符，逻辑运算符，位运算符，三元运算符。算术运算符运算符描述+两个操作数相加-第一个操作数减第二个操作数*两个操作数相乘/分子除以分母%取余关系运算符运算符描述==检查前后是否相等，若相等则为1!=检查前后是否不相等，若不相等则为1>检查前操作数的值是否大于后操作数的值，若大于则为1=检查前操作数的值是否大于或等于后
  • 若依前后端不分离登录大致代码 m0_71908411 okhttp
    前端：地址：ruoyi-ui/src/views/login.vue中的方法下面这个就是登陆方法，看我注解。this.$store.dispatch是调用vuex中actions中的方法，是vuex相关知识。handleLogin(){this.$refs.loginForm.validate(valid=>{if(valid){this.loading=true;//判断是否勾选记住密码的操作i
  • [RK3399][Android7.1] 调试笔记 --- 2.4G WiFi吞吐量测试速率很低 KrisFei RK3399子类__WiFiuploaddonwloadlinkspeedfirmwarepatch
    Platform:RK3399OS:Android7.1Kernel:v4.4.83说明:WiFi芯片使用的是AP6356S测试是在普通环境，并没有在屏蔽房中路由器WiFi最大速率1200Mbps2.4GWiFiLinkSpeed是130Mbps现象：测试2.4G的传输速率的时候，发现很低，如下图上传速率：下载速率：原因：SDK中对应的WiFidriver有问题，需要更新。版本可从Kernello
  • MySQL数据库笔记——主从复制 Good Note MySQL数据库笔记数据库mysql笔记sql数据库架构
    大家好，这里是编程Cookbook，关注公众号「编程Cookbook」，获取更多面试资料。本文详细介绍MySQL的主从复制，从原理到配置再到同步过程。文章目录简介核心组件主从复制的原理作用主从复制的线程模型主从复制的模式形式一主一从一主多从多主一从双主复制级联复制复制的方式基于语句的逻辑复制（Statement-BasedReplication,SBR）基于行的物理复制（Row-BasedRepl
  • 纯前端实现「羊了个羊」小游戏(附源码） 软件技术NINI 趣味源码前端
    实现一个类似于「羊了个羊」的纯前端小游戏是一个相对复杂的项目，因为它涉及许多前端技术和游戏逻辑。以下是一个简要的步骤指南，帮助你入门并实现这个项目。由于篇幅限制，这里只提供一个基础框架和一些关键点的实现思路。准备工作工具选择：使用一个现代的前端框架，如React、Vue或Angular。这里以React为例。使用CSS或预处理器（如Sass）进行样式管理。使用状态管理库（如Redux）管理游戏状态
  • 基于Vue&Axios制作音乐播放器(bilibili黑马程序员Vue入门学习记录) xxxrsongseven 前端javascriptvuevue.js前端css
    目录使用Vue制作一个音乐播放器前言VueVue导入Vue挂载Vue指令v-textv-htmlv-onv-showv-ifv-bindv-forv-modelaxiosaxios导入axios使用音乐网站代码HTMLCSSJS使用Vue制作一个音乐播放器前言第一次写，如有不足请指正！音乐播放器效果展示音乐播放器（密码：He371226）（域名出了点问题，临时使用）学习链接：黑马程序员vue前端基
  • 怎么样才能成为专业的程序员？ cocos2d-x小菜 编程PHP
      如何要想成为一名专业的程序员？仅仅会写代码是不够的。从团队合作去解决问题到版本控制，你还得具备其他关键技能的工具包。当我们询问相关的专业开发人员，那些必备的关键技能都是什么的时候，下面是我们了解到的情况。   关于如何学习代码，各种声音很多，然后很多人就被误导为成为专业开发人员懂得一门编程语言就够了？！呵呵，就像其他工作一样，光会一个技能那是远远不够的。如果你想要成为
  • java web开发 高并发处理 BreakingBad javaWeb并发开发处理高
    java处理高并发高负载类网站中数据库的设计方法（java教程,java处理大量数据，java高负载数据） 一：高并发高负载类网站关注点之数据库 没错,首先是数据库,这是大多数应用所面临的首个SPOF。尤其是Web2.0的应用，数据库的响应是首先要解决的。 一般来说MySQL是最常用的，可能最初是一个mysql主机，当数据增加到100万以上，那么，MySQL的效能急剧下降。常用的优化措施是M-S（
  • mysql批量更新 ekian mysql
    mysql更新优化： 一版的更新的话都是采用update set的方式，但是如果需要批量更新的话，只能for循环的执行更新。或者采用executeBatch的方式，执行更新。无论哪种方式，性能都不见得多好。 三千多条的更新，需要3分多钟。 查询了批量更新的优化，有说replace into的方式，即： replace into tableName(id,status) values
  • 微软BI（3） 18289753290 微软BI SSIS
    1) Q：该列违反了完整性约束错误；已获得 OLE DB 记录。源:“Microsoft SQL Server Native Client 11.0” Hresult: 0x80004005 说明:“不能将值 NULL 插入列 'FZCHID'，表 'JRB_EnterpriseCredit.dbo.QYFZCH'；列不允许有 Null 值。INSERT 失败。”。 A：一般这类问题的存在是
  • Java中的List g21121 java
            List是一个有序的 collection（也称为序列）。此接口的用户可以对列表中每个元素的插入位置进行精确地控制。用户可以根据元素的整数索引（在列表中的位置）访问元素，并搜索列表中的元素。         与 set 不同，列表通常允许重复
  • 读书笔记 永夜-极光 读书笔记
       1.  K是一家加工厂,需要采购原材料,有A,B,C,D 4家供应商,其中A给出的价格最低,性价比最高,那么假如你是这家企业的采购经理,你会如何决策?          传统决策: A:100%订单  B,C,D:0%     &nbs
  • centos 安装 Codeblocks 随便小屋 codeblocks
    1.安装gcc,需要c和c++两部分,默认安装下,CentOS不安装编译器的,在终端输入以下命令即可yum install gccyum install gcc-c++   2.安装gtk2-devel,因为默认已经安装了正式产品需要的支持库,但是没有安装开发所需要的文档.yum install gtk2* 3. 安装wxGTK    yum search w
  • 23种设计模式的形象比喻 aijuans 设计模式
    1、ABSTRACT FACTORY—追MM少不了请吃饭了，麦当劳的鸡翅和肯德基的鸡翅都是MM爱吃的东西，虽然口味有所不同，但不管你带MM去麦当劳或肯德基，只管向服务员说“来四个鸡翅”就行了。麦当劳和肯德基就是生产鸡翅的Factory 　　工厂模式：客户类和工厂类分开。消费者任何时候需要某种产品，只需向工厂请求即可。消费者无须修改就可以接纳新产品。缺点是当产品修改时，工厂类也要做相应的修改。如：
  • 开发管理 CheckLists aoyouzi 开发管理 CheckLists
    开发管理 CheckLists(23) -使项目组度过完整的生命周期 开发管理 CheckLists(22) -组织项目资源 开发管理 CheckLists(21) -控制项目的范围开发管理 CheckLists(20) -项目利益相关者责任开发管理 CheckLists(19) -选择合适的团队成员开发管理 CheckLists(18) -敏捷开发 Scrum Master 工作开发管理 C
  • js实现切换 百合不是茶 JavaScript栏目切换
    js主要功能之一就是实现页面的特效,窗体的切换可以减少页面的大小,被门户网站大量应用思路: 1,先将要显示的设置为display:bisible 否则设为none 2,设置栏目的id ,js获取栏目的id,如果id为Null就设置为显示 3,判断js获取的id名字;再设置是否显示   代码实现:   html代码: <di
  • 周鸿祎在360新员工入职培训上的讲话 bijian1013 感悟项目管理人生职场
            这篇文章也是最近偶尔看到的，考虑到原博客发布者可能将其删除等原因，也更方便个人查找，特将原文拷贝再发布的。“学东西是为自己的，不要整天以混的姿态来跟公司博弈，就算是混，我觉得你要是能在混的时间里，收获一些别的有利于人生发展的东西，也是不错的，看你怎么把握了”，看了之后，对这句话记忆犹新。  &
  • 前端Web开发的页面效果 Bill_chen htmlWebMicrosoft
    1.IE6下png图片的透明显示： <img src="图片地址" border="0" style="Filter.Alpha(Opacity)=数值(100),style=数值(3)"/> 或在<head></head>间加一段JS代码让透明png图片正常显示。 2.<li>标
  • 【JVM五】老年代垃圾回收：并发标记清理GC(CMS GC) bit1129 垃圾回收
      CMS概述 并发标记清理垃圾回收(Concurrent Mark and Sweep GC）算法的主要目标是在GC过程中，减少暂停用户线程的次数以及在不得不暂停用户线程的请夸功能，尽可能短的暂停用户线程的时间。这对于交互式应用，比如web应用来说，是非常重要的。   CMS垃圾回收针对新生代和老年代采用不同的策略。相比同吞吐量垃圾回收，它要复杂的多。吞吐量垃圾回收在执
  • Struts2技术总结 白糖_ struts2
      必备jar文件 早在struts2.0.*的时候，struts2的必备jar包需要如下几个： commons-logging-*.jar   Apache旗下commons项目的log日志包 freemarker-*.jar          
  • Jquery easyui layout应用注意事项 bozch jquery浏览器easyuilayout
    在jquery easyui中提供了easyui-layout布局，他的布局比较局限，类似java中GUI的border布局。下面对其使用注意事项作简要介绍：      如果在现有的工程中前台界面均应用了jquery easyui，那么在布局的时候最好应用jquery eaysui的layout布局，否则在表单页面（编辑、查看、添加等等）在不同的浏览器会出
  • java-拷贝特殊链表：有一个特殊的链表，其中每个节点不但有指向下一个节点的指针pNext，还有一个指向链表中任意节点的指针pRand，如何拷贝这个特殊链表？ bylijinnan java
    public class CopySpecialLinkedList { /** * 题目：有一个特殊的链表，其中每个节点不但有指向下一个节点的指针pNext，还有一个指向链表中任意节点的指针pRand，如何拷贝这个特殊链表？ 拷贝pNext指针非常容易，所以题目的难点是如何拷贝pRand指针。 假设原来链表为A1 -> A2 ->... -> An，新拷贝
  • color Chen.H JavaScripthtmlcss
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  "http://www.w3.org/TR/html4/loose.dtd">    <HTML>    <HEAD>&nbs
  • [信息与战争]移动通讯与网络 comsci 网络
          两个坚持:手机的电池必须可以取下来                光纤不能够入户,只能够到楼宇       建议大家找这本书看看:<&
  • oracle flashback query(闪回查询) daizj oracleflashback queryflashback table
    在Oracle 10g中，Flash back家族分为以下成员： Flashback Database Flashback Drop Flashback Table Flashback Query(分Flashback Query,Flashback Version Query，Flashback Transaction Query) 下面介绍一下Flashback Drop 和Flas
  • zeus持久层DAO单元测试 deng520159 单元测试
    zeus代码测试正紧张进行中,但由于工作比较忙,但速度比较慢.现在已经完成读写分离单元测试了,现在把几种情况单元测试的例子发出来,希望有人能进出意见,让它走下去. 本文是zeus的dao单元测试: 1.单元测试直接上代码   package com.dengliang.zeus.webdemo.test; import org.junit.Test; import o
  • C语言学习三printf函数和scanf函数学习 dcj3sjt126com cprintfscanflanguage
    printf函数 /* 2013年3月10日20:42:32 地点：北京潘家园 功能： 目的： 测试%x %X %#x %#X的用法 */ # include <stdio.h> int main(void) { printf("哈哈！\n"); // \n表示换行 int i = 10; printf
  • 那你为什么小时候不好好读书? dcj3sjt126com life
    dady, 我今天捡到了十块钱, 不过我还给那个人了 good girl! 那个人有没有和你讲thank you啊 没有啦....他拉我的耳朵我才把钱还给他的, 他哪里会和我讲thank you   爸爸, 如果地上有一张5块一张10块你拿哪一张呢.... 当然是拿十块的咯... 爸爸你很笨的, 你不会两张都拿   爸爸为什么上个月那个人来跟你讨钱, 你告诉他没
  • iptables开放端口 Fanyucai linuxiptables端口
    1，找到配置文件 vi /etc/sysconfig/iptables   2，添加端口开放，增加一行，开放18081端口 -A INPUT -m state --state NEW -m tcp -p tcp --dport 18081 -j ACCEPT   3，保存 ESC :wq!   4，重启服务 service iptables
  • Ehcache（05）——缓存的查询 234390216 排序ehcache统计query
    缓存的查询 目录 1.    使Cache可查询 1.1     基于Xml配置 1.2     基于代码的配置 2     指定可搜索的属性 2.1     可查询属性类型 2.2 &
  • 通过hashset找到数组中重复的元素 jackyrong hashset
      如何在hashset中快速找到重复的元素呢?方法很多，下面是其中一个办法： int[] array = {1,1,2,3,4,5,6,7,8,8}; Set<Integer> set = new HashSet<Integer>(); for(int i = 0
  • 使用ajax和window.history.pushState无刷新改变页面内容和地址栏URL lanrikey history
    后退时关闭当前页面 <script type="text/javascript"> jQuery(document).ready(function ($) {         if (window.history && window.history.pushState) {
  • 应用程序的通信成本 netkiller.github.com 虚拟机应用服务器陈景峰netkillerneo
    应用程序的通信成本 什么是通信 一个程序中两个以上功能相互传递信号或数据叫做通信。 什么是成本 这是是指时间成本与空间成本。 时间就是传递数据所花费的时间。空间是指传递过程耗费容量大小。 都有哪些通信方式 全局变量 线程间通信 共享内存 共享文件 管道 Socket 硬件（串口，USB） 等等 全局变量 全局变量是成本最低通信方法，通过设置
  • 一维数组与二维数组的声明与定义 恋洁e生 二维数组一维数组定义声明初始化
    /**  *  */ package test20111005; /**  * @author FlyingFire  * @date:2011-11-18 上午04:33:36  * @author ：代码整理  * @introduce :一维数组与二维数组的初始化  *summary：  */ public c
  • Spring Mybatis独立事务配置 toknowme mybatis
    在项目中有很多地方会使用到独立事务，下面以获取主键为例   （1）修改配置文件spring-mybatis.xml  <!-- 开启事务支持 -->  <tx:annotation-driven transaction-manager="transactionManager" />   &n
  • 更新Anadroid SDK Tooks之后，Eclipse提示No update were found xp9802 eclipse
    使用Android SDK Manager 更新了Anadroid SDK Tooks 之后， 打开eclipse提示 This Android SDK requires Android Developer Toolkit version 23.0.0 or above, 点击Check for Updates  检测一会后提示 No update were found 
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他