老鬼博客
老鬼博客

CSS层叠样式表的学习

能通过

布局
控制样式漂亮的排版方式——css

      • 重要的 point
      • 内联样式
      • 外部引用
      • 内部样式表
        • 小例子
      • 三大特性
      • bgimage的属性
      • 精灵图
      • 三大重点

重要的 point

  1. 是块级元素，一个
    就是一行
  2. 是行内元素，每个中间空一格

内联样式

div：
    style:
        color:
        border-style:`solid实现` `dashed虚线`
        border-color:
    >>>精简：宽度 线体样式 颜色
        border：1px dashed skyblue;

外部引用

demo.html:
    html>head:
        link:
            rel:"stylesheet"
            href:"demo.css"

内部样式表

demo.html:
    html>head>style:
--常见标签选择器-->
        #divid{border：1px dashed skyblue;}`id选择器`
        div{}`标签选择器`
        .divclass{}`类选择器`
        #divid span{color:red;}
        #divid .inner-span{color:yellow;} 中间有空格
        p.con{}交集选择器 中间没有空格
        a,#id{}b并集选择器 用，
        *{}通配符选择器 一般用于全局去边距
        a:hover{}伪类选择器 鼠标放上去才有反应
--常见文字属性-->
        .font-size{
            font-style:italic
            font-weight:`字体粗度区间100-900`默认值：400 bold 700 
            font-size:16px 最小12px
            font-family:"新宋体"
    >>>精简： {font-style} {font-weight} font-size font-family
            font: 600 20px "新宋体"

            text-align:right; 文本对齐
            text-indent:2em; 首行缩进
            line-height:50px 行高

    }
--去除超链接下划线-->
        a{text-decoration:none}
--去<ul>的小黑点-->
        ul{list-style:none}
--div可以设置宽高，span随着字体撑大变大-->
        .showdiv{
            width:500px
            height:500px 给定div块的大小 生效
            background-color: #fff;
            display: block; div默认的显示模式 宽高都有效
            display: inline; 宽高失效，需要随着字体撑大变大
            display: inline-block;又在一行，宽高又有效
            }

        .showspan{
            width:500px
            height:500px 给定span块的大小 无效
            background-color: #fff;
        }

    html>body:
            div:
                id="divid"
                class="divclass class-red border-color"
                span:
                    class="inner-span"
            div:
                class="font-size"
            div:
                class="showdiv"
            span:
                class="showspan"

小例子

美化前
CSS层叠样式表的学习_第1张图片
美化后
这里写图片描述

demo.html

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Titletitle>
    <link rel="stylesheet" href="democss.css">
head>
<body>
<div class="nav">
    <ul>
        <li><a class="inner-a-1" href="">小学生a>li>
        <li><a class="inner-a-2" href="">初中生a>li>
        <li><a class="inner-a-3" href="">高中生a>li>
    ul>
div>
body>
html>
democss.css
*{/*消除整体元素与元素之间的内外边距*/
    margin: 0; 
    padding: 0;
}
.nav {
    width: 1050px;
    height: 65px;
    margin: auto;/*让整个nav 块级元素自动居中*/
}
li {
    display: inline-block;/*又在一行，宽高又有效*/
    list-style: none;/*清除小黑点*/
    float: left;/*解决li与li之间有缝隙*/

}
a {
    width: 350px;
    height: 65px;
    display: inline-block;/*又在一行，宽高又有效*/
    text-decoration: none;/*去掉下划线*/
    font-size: 20px;
    font-weight: bold;
    text-align: center;/*字体左右居中*/
    line-height: 65px;/*字体上下居中*/
    color: #ffffff;
}
.inner-a-1 {background-color: #69639a;}
.inner-a-2 {background-color: #9385f5;}
.inner-a-3 {background-color: #754311;}

三大特性

1.继承性
    font-size
    color
2.层叠性
3.样式的优先级
/*！important>行内样式>id选择器>类选择器>标签选择器>通配符>继承*/
width:500px !important;

bgimage的属性

    background-repeat: repeat repeat-x repeat-y no-repeat;/*no-repeat不重复*/
    background-image: url();/*图片地址*/
    background-position: 100px 50px;/*图片距离上一层的相对位置XY*/
>>>>连写
    background：url() no-repeat 40px 50px;

精灵图

CSS层叠样式表的学习_第2张图片

获取精灵图一个小图片


<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Titletitle>
    <style>
        .div1 {border: 1px solid lawngreen;}
        #div {
            width: 35px;
            height: 30px;
            background: url("sprites.jpg") no-repeat -16px -83px;
        }
    style>
head>
<body>
<div id="div" class="div1">div>
body>
html>

三大重点

1.盒子模型

盒子 说明
CSS层叠样式表的学习_第3张图片 padding 内边距
border 边框
margin 外边距
表格坍塌属性 border-collapse:collapse;
用在属性中
使表格间隔距离消失
盒子相邻 margin 取最大的盒子的margin值
盒子嵌套 父盒子没有设置padding和border
子盒子的margin-top会和父盒子合并
并且选择大margin的盒子
解决办法 要么给父盒子加border
或者overflow：hidden 溢出隐藏

2.浮动

浮动
display:inline-block;两个盒子之间有个缝
*{ margin: 0;padding: 0;}并不能解决缝
解决办法：浮动 float:left;
子盒子随着父盒子margin值改变而移动
子盒子挤出父盒子之外，与父盒子同级盒子再写的话会与子盒子重叠
解决办法浮动 float:left;
或者在父元素定义一个class
.clearfix:after { content:"";display:block;height:0;clear:both;visibility:hidden;}

3.定位

定位position: 说明
绝对定位absolute 给它一个left top相对浏览器跑
如果子盒想相对父盒子跑，子盒子为relative父盒子不设值
或者子盒子设置absolute，父盒子是relative（子绝父相）
相对定位relative 给它一个left top相对父盒子跑
固定定位fixed 固定在屏幕某个地方

你可能感兴趣的:(HTMLCSSJS)

  • 制作一个简单HTML旅游网站（HTML+CSS+JS）桂林旅游网页设计与实现5个页面 软件技术NINI html+css+js旅游html旅游css
    一、‍网站题目旅游，当地特色，历史文化，特色小吃等网站的设计与制作。二、✍️网站描述桂林旅游主题的网页一共五个个页面-旅游网页使用htmlcssjs制作有banana图-页面可以相互跳转包含表单三级页面-网页可以使用vscodehbuilderdw等打开修改-里面的图片和文字都可以替换为其他旅游网页-桂林旅游网页介绍了景点，美食，联系我们，桂林旅游等-html静态网页没有复杂效果布局简单原创htm
  • Vue基础Day04组件与cli脚手架 前端老邹_伯通
    一.核心内容1.任务1：天知道任务1：天知道2.什么叫组件把某个界面或者说某个小功能，封装起来就叫组件（就是对htmlcssjs的一个综合封装），组件也是Vue的实例，所以它也有自己的data和methods以及生命周期钩子等组件开发特点：可复用，同时会简化代码结构，易于维护，同时利于多人协同开发等。3.安装单文件组件所需要依赖文档：【快速原型开发】3.1安装脚手架安装vue-cli脚手架在cmd
  • java图书管理系统jsp+Servlet+c3p0+Mysql的思想设计 zzulixiaoyao java
    目录项目的总体设计登陆界面首页界面用户信息的设计图书信息的设计添加用户的设计添加图书的设计一些细节的设计分页的设计数据库用的c3p0连接的，关于这个生日的应用前言：这几天照着别人的项目写的，可算是大概清楚整个项目的流程,整个的前后端交互，当然自己对htmlcssjs基础都其实还不太懂，只能大概的看懂一点。做完后，对MVC的设计模式，也是进一步了解。也让我收获了许多，其实我倒是觉得项目里面的分页的设
  • Markdown入门笔记 星魂1
    hellomarkdown是一个重量级的标记语言我们一般用来写文档，这样来帮助我们更好的展示效果我是一级标题我是二级标题一级标题二级标题三级标题四级标题五级标题六级标题斜体文字斜体文字使用两个**星号两个下划线表示粗体粗体文字粗体文字使用三个***星号两个下划线表示粗斜体文字粗斜体文字粗斜体文字分割线：删除线用左右~~来表示删除线下划线无序列表可以使用-+*三种方法前端开发的技能htmlcssjs
  • flv视频格式批量截取封面图（不占内存版）--其他视频格式也通用 跳跳的小古风 javascriptvue.jsmpeg-1
    flv视频格式批量截取封面图（不占内存版）--其他视频格式也通用需求（实现的效果）功能实现htmlcssjs需求（实现的效果）批量显示视频，后端若返回有imgUrl,则直接显示图1，若无，则需要根据视频地址自己截取，截取中显示图2，截取过程中如图3，截取完直接返回图片信息，如图1格式，未返回的仍显示加载动画，如图2功能实现需要使用插件播放、截取flv格式视频。当前使用的是mpegts.js具体使用
  • 生日倒计时炫酷源码html,JS响应式生日倒计时 看不见的天边 生日倒计时炫酷源码html
    HtmlCssJs距离亲爱的生日到来还有：天时分秒/*BaseResetCSS*/*{margin:0;padding:0;}html,body{height:100%;}body{font-family:"MicrosoftYahei";background:url(https://timgsa.baidu.com/timg?image&quality=80&size=b10000_10000&
  • JavaWeb 后端 <一> 之 Tomcat服务器 - Http协议 学习笔记 loveincode` tomcat服务器http学习servlet
    1、Web开发概述1.1服务器上的资源分类：a、静态资源：指web页面中供人们浏览的数据始终是不变。htmlcssjs图片多媒体b、动态资源：指web页面中供人们浏览的数据是由程序产生的，不同时间点访问web页面看到的内容各不相同。JSP/Servlet、php、asp下面为简单的java程序模拟服务器提供资源访问本地端口1111即可得到服务器的资源publicclassMyserver{publ
  • Golang基础入门及Gin入门教程（2024完整版） yuanlaile gin
    Golang是Google公司2009年11月正式对外公开的一门编程语言，它不仅拥有静态编译语言的安全和高性能，而且又达到了动态语言开发速度和易维护性。有人形容Go语言：Go=C+Python,说明Go语言既有C语言程序的运行速度，又能达到Python语言的快速开发。Gin是一个go写的web框架，具有高性能的优点。此套Golang基础入门及Gin入门教程学习前需要具备htmlcssjs这三个基础
  • PHP 基础编程 (1) 渗透测试小白 渗透测试全栈之路-代码基础php开发语言渗透测试渗透测试全栈php基础
    文章目录前后端交互尝试php简介php版本php基础语法php的变量前后端交互-计算器体验php数据类型php的常量和变量的区别php的运算符算数运算符自增自减比较运算符赋值运算符逻辑运算php的控制结构ifelseelseif前后端交互尝试前端编程语言：JS（JavaScript）htmlcssjs后端编程语言：phpjavagoperlrubypython.net前端页面代码，与后端交互大部分
  • ❤️创意网页：超简单好看的HTML5七夕情人节表白网页(表白直接拿去用) HTML+CSS+JS 命运之光 #创意网页#web网页制作Web前端javascripthtmlcss前端开发语言
    博主：命运之光专栏：web开发（htmlcssjs）目录✨简介：✨前言：✨视频展示✨源代码✨代码的使用方法（超简单什么都不用下载）1.打开记事本2.将上面的源代码复制粘贴到记事本里面将文件另存为HTML文件点击保存即可3.打开html文件（大功告成(●'◡'●)）✨代码讲解（选看，小白看到这里就可以结束了哈，不用再往下看了哈）✨结语✨简介：在这个数字时代，爱情表白方式也随之改变。在过去，我们可能会
  • Java中规模软件开发实训——简单计算器制作 命运之光 JAVA中规模软件开发实训#Java经典程序设计（开发篇）Java经典程序设计专栏Java项目算法计算器图形库Javaswing
    ✨博主：命运之光专栏：Python星辰秘典专栏：web开发（htmlcssjs）❤️专栏：Java经典程序设计☀️博主的其他文章：点击进入博主的主页前言：在现代社会中，计算器是我们生活中不可或缺的工具之一。它们可以轻松地进行各种数值计算，从简单的加减乘除到复杂的科学运算，为我们提供了快捷准确的计算结果。但你是否曾想过，我们可以亲手打造一个属于自己的计算器应用程序，体验计算世界的奇妙之旅？本文将带领
  • python django 新闻协同过滤算法推荐系统 MYF_12 pythondjango开发语言
    pythonDjango新闻管理系统PythonDjango新闻爬虫系统PythonDjango新闻推荐系统PythonDjango推荐系统后端：python3django数据库：MySQL8.0前端：htmlcssjs主要功能：登录、注册、推荐功能、个人中心、后台管理、爬虫功能源码下载和功能展示：链接：https://pan.baidu.com/s/1PCH8rmhVtue7VHqcRipTeQ
  • [jQuery案例练习]——锅打灰太狼 薛定谔的猫87 jqueryjavascriptcss3
    [jQuery案例练习]——锅打灰太狼准备1.需掌握htmlcssjs2.所用编译器Hbuilder效果展示开发思路1）index.html狂拍灰太狼0开始游戏游戏规则游戏规则:1.游戏时间:60s2.拼手速,殴打灰太狼+10分3.殴打小灰灰-10分[关闭]GAMEOVER重新开始2）index.css/*清除浏览器样式*/*{margin:0;padding:0;}/*页面框架*/.contai
  • vue3中使用better-scroll 高级甩锅工程师 前端前端vue.js
    文章目录需求分析安装htmlcssjs需求分析假设现在有这么一个需求，页面顶部有几个tabs导航，每一个tab下都有一个可以滑动的切换按钮。咱们就可以引入better-scroll来实现这个需求。安装首先下载better-scrollnpminstall@better-scroll/core--savehtmlmethodMap.setItemRef(el,index)">{{item1.titl
  • HTML和CSS的基础-前端扫盲 Xua3055 html前端css
    想要写出一个网页，就需要学习前端开发（写网页代码）和后端开发（服务器代码）。对于前端的要求，我们不需要了解很深，仅仅需要做到扫盲的程度就可以了。写前端，主要用到的有：HTMLCSSJS前端开发，主要使用的开发环境主要有两个：1.JetBrains系列如IDEA专业版，和JB提供的WebStorm。（收费）2.VSCode（免费）除了上面两个之外，还有很多其他的选项，如dw,sublimetext,
  • vue、angular等index.html缓存问题 拳拳
    本文引自https://github.com/ant-design/ant-design-pro/issues/1365浏览器中，默认会对htmlcssjs等静态文件、以及重定向进行缓存，如果在HEAD头中指定：浏览器不会缓存html，但是还是会对重定向缓存，并且这种方式并不规范，可能有的浏览器不支持。解决方案是：1）对hash过的静态文件还是采用默认方式，客户端会缓存。2）对html文件，返回时
  • 前端初理解 L_cl 前端
    前端的作用：1.web开发常用web网站h5页面技术需要:htmlcssjs页面布局排序整理2.跨平台app\小程序vue、uniapp、react一件多用做出app、小程序3.web爬虫：快速收集、整理数据node、js4.h5混合开发、h5游戏/外挂html5、ccs3、js5.3d可视化开发手机软件、网站、升级、3d模式、
  • [HTML]HTML5新增标签 萤火虫的小尾巴 前端htmlhtml5csscss3前端
    文章目录前言1.HTML5新增的语义化标签2.HTML5新增的多媒体标签2.1video标签2.2audio标签3.HTML5新增的input标签4.HTML5新增的表单属性前言系列文章目录：[目录]HTMLCSSJS根据视频和PPT整理视频及对应资料：HTMLCSS老师笔记：https://gitee.com/xiaoqiang001/html_css_material.git视频：黑马程序员p
  • ionic+vue+capacitor系列笔记--02项目中集成Capacitor，添加android，ios平台，真机运行项目 tangdou369098655 移动端开发前端移动端
    Capacitor是什么？Capacitor是由ionic团队开发的一款跨平台移动应用构建工具，可轻让我们轻松的构建Android、iOS、Electron和Web应用程序。Capacitor是ApacheCordova和AdobePhoneGap的继承者，不仅可以把我们用htmlcssjs写的代码打包成原生app，还可以让我们使用js调用手机上面原生的Api。目前Capacitor已经成为Ion
  • Java-Web学习路线 熵逝 java前端学习
    我看的是2023版的黑马程序员的课大致路线为：htmlcssjs->ajaxaxios->vueelementmavenspringbootssmmysplmybatis接触项目，学习编写接口filterinterceptorAop原理自10.8开始，每个单元点花1-2天时间学习，预计一个月能过一遍，开始着手写一个web项目预计11.9-12月底完成，然后进入期末复习寒假刷lecode算法题，再精
  • web前端入行需谨慎 郎氏集团
    我是一名web前端开发工程师，工作快5年了对前端整体也有了认知在此去劝谏那些刚步入社会的同学选择更好的生活，因为好的生活是每个人梦寐以求的事情。从头说起对于每行来说工作都是不容易的，如果工作容易就不会出现工作了如果你是个计算机相关专业的人那么你很值得继续看下去我先说说web前端你必须需要掌握的东西htmlcssjs作为最基本的前端开发条件就这一件事来说前端开发并不困难因为相比而言例如做javawe
  • Vue2学习笔记day01——初识Vue&模板语法&数据绑定&el 与data的两种写法&MVVM模型&数据代理&事件处理&计算属性 Happy_change Vue学习记录restful学习java
    Vue2学习笔记文章目录Vue2学习笔记初识Vue模板语法数据绑定el与data的两种写法MVVM模型数据代理何为数据代理回顾Object.defineProperty方法Vue中的数据代理事件处理键盘按键事件的基本使用：Vue中的事件修饰符：计算属性姓名案例_插值语法实现姓名案例_methods方法实现姓名案例_计算属性实现Vue特点：组件化：一个xxx.vue(htmlcssjs)就是一个组件
  • 2021-11-03 梦回2020
    小程序概述微信小程序小程序的一种英文名WechatMiniProgram是一种不需要安装即可使用的应用它实现了应用"触手可及"的梦想。用户扫一扫或者搜一下即可打开应用。内置于微信的类似于app的小型应用小程序的优缺点优点1用户体验好不用下载安装即开即用优点2上手容易htmlcssjs优点3开发成本低（资金沟通时间）优点4微信用户流量大，方便推广缺点1项目包大小有限制（默认不超过2M使用分包技术可达
  • 广州正盟科技 -- 前端面试-- 2023.4.21 LJPchosen1 javascript前端html面试
    广州正盟科技–前端面试–4.21首先进来后就让你写一份笔试，然后笔试完后，让你休息一下，然后就开始技术面了笔试的话，就是一些前端的基础知识htmlcssjs，我只记得有个正则表达式的我不会写，其他也挺简单的，所以就忘记了。然后就是技术面，技术面主要是根据你项目来问的，我也步步深入，还是挺难的。1为什么用leaflet，leaflet绘图是用的canvas吗创建出来的图层还真是canvas图层；为什
  • vue【vue-cli3】项目优化 嚣张的胖头鱼 vuevue-cli3vue.jswebpack
    名词解释spa全称是单页面应用。一个SPA就是一个WEB应用，它所需的资源(HTMLCSSJS等)，在一次请求中就加载完成，也就是不需刷新地动态加载。用术语“单页”就是因为页面在初始化加载后就永远不会重新加载刷新。优点减轻服务器端的压力。因为服务器先将一份包含了静态资源、JavsScript和模板的静荷数据(payload)发送到了客户端，之后客户端只需要获取渲染页面或视图所需要的数据即可。pay
  • Java图书管理系统实训报告 命运之光 JAVA中规模软件开发实训Java经典程序设计专栏#Java经典程序设计（开发篇）java开发语言
    ✨博主：命运之光专栏：Python星辰秘典专栏：web开发（htmlcssjs）❤️专栏：Java经典程序设计☀️博主的其他文章：点击进入博主的主页目录任务要求项目目标主要涉及知识点Java图书管理系统实训报告1.项目背景3.技术栈4.系统功能及代码解析5.结论任务要求项目目标实现一个简单图书管理系统管理员登录，完成增删改查图书关键字搜索图书主要涉及知识点GUI：容器、组件、监听器等Java图书管
  • 前端学习路线参考 云柏田 前端学习
    一名合格的前端需要掌握哪些技能photoshop切图(必修)htmlcssjs(特别是html5css3es6)(必修)三大前端框架至少精通一个(必修)nodejs(选修)自动化构建工具webpack(必修)http协议(必修)浏览器渲染流程及原理(必修)TypeScript(选修)标题技能会过时计算机基础知识不会过时算法编译原理建议学习编译原理和算法这两门课程算法的好处相信大家都懂在这里简单说一
  • python django 图片管理系统 MYF_12 Djangodjangopython后端开发语言学习
    pythondjango图片管理系统pythondjango图片展示网站pythondjango个人图片网站后端：pythondjango数据库：MySQL5.7前端：htmlcssjs等涉及功能：登陆、退出、批量上传图片、上传视频只能在后台查看。管理员可以在后台管理所有的数据，增删改查等。功能展示和源码下载：链接：https://pan.baidu.com/s/166S0AVSiPoUCN1Dl
  • 【前端demo】CSV&JSON转换器 原生实现：CSV转换为JSON，JSON转换为CSV karshey 前端demo前端json
    文章目录效果过程textareaTooltip提示工具按钮的min-width判断输入是否是CSV或JSONJSON与CSV样例JSON转为CSVCSV转为JSON不足之处代码HTMLCSSJS其他demo效果效果预览：CSV&JSONConverter(codepen.io)参照的预览：JSVConverter(gpaiva00.github.io)参考：gpaiva00/json-csv:JS
  • 【前端demo】动态赋值CSS karshey 前端demo前端css
    文章目录效果过程html实现oninput与onchange事件统一配置CSS代码HTMLCSSJS其他demo效果动态显示CSS样式，由:root统一配置。效果预览：https://codepen.io/karshey/pen/BavLrwy参考：DynamicCSSVariables(codepen.io)漫谈document.documentElement与document.body-简书(
  • Hadoop(一) 朱辉辉33 hadooplinux
    今天在诺基亚第一天开始培训大数据，因为之前没接触过Linux，所以这次一起学了，任务量还是蛮大的。 首先下载安装了Xshell软件，然后公司给了账号密码连接上了河南郑州那边的服务器，接下来开始按照给的资料学习，全英文的，头也不讲解，说锻炼我们的学习能力，然后就开始跌跌撞撞的自学。这里写部分已经运行成功的代码吧.    在hdfs下，运行hadoop fs -mkdir /u
  • maven An error occurred while filtering resources blackproof maven报错
    转：http://stackoverflow.com/questions/18145774/eclipse-an-error-occurred-while-filtering-resources   maven报错： maven An error occurred while filtering resources   Maven -> Update Proje
  • jdk常用故障排查命令 daysinsun jvm
    linux下常见定位命令： 1、jps      输出Java进程       -q       只输出进程ID的名称，省略主类的名称；       -m      输出进程启动时传递给main函数的参数；     &nb
  • java 位移运算与乘法运算 周凡杨 java位移运算乘法
      对于 JAVA 编程中，适当的采用位移运算，会减少代码的运行时间，提高项目的运行效率。这个可以从一道面试题说起：     问题： 用最有效率的方法算出2 乘以8 等於几?” 答案：2 << 3 由此就引发了我的思考，为什么位移运算会比乘法运算更快呢？其实简单的想想，计算机的内存是用由 0 和 1 组成的二
  • java中的枚举(enmu) g21121 java
    从jdk1.5开始，java增加了enum(枚举)这个类型，但是大家在平时运用中还是比较少用到枚举的，而且很多人和我一样对枚举一知半解，下面就跟大家一起学习下enmu枚举。先看一个最简单的枚举类型，一个返回类型的枚举： public enum ResultType { /** * 成功 */ SUCCESS, /** * 失败 */ FAIL,
  • MQ初级学习 510888780 activemq
    1.下载ActiveMQ 去官方网站下载：http://activemq.apache.org/ 2.运行ActiveMQ 解压缩apache-activemq-5.9.0-bin.zip到C盘，然后双击apache-activemq-5.9.0-\bin\activemq-admin.bat运行ActiveMQ程序。 启动ActiveMQ以后，登陆：http://localhos
  • Spring_Transactional_Propagation 布衣凌宇 springtransactional
    //事务传播属性 @Transactional(propagation=Propagation.REQUIRED)//如果有事务，那么加入事务，没有的话新创建一个 @Transactional(propagation=Propagation.NOT_SUPPORTED)//这个方法不开启事务 @Transactional(propagation=Propagation.REQUIREDS_N
  • 我的spring学习笔记12-idref与ref的区别 aijuans spring
    idref用来将容器内其他bean的id传给<constructor-arg>/<property>元素，同时提供错误验证功能。例如： <bean id ="theTargetBean" class="..." /> <bean id ="theClientBean" class=&quo
  • Jqplot之折线图 antlove jsjqueryWebtimeseriesjqplot
    timeseriesChart.html <script type="text/javascript" src="jslib/jquery.min.js"></script> <script type="text/javascript" src="jslib/excanvas.min.js&
  • JDBC中事务处理应用 百合不是茶 javaJDBC编程事务控制语句
      解释事务的概念; 事务控制是sql语句中的核心之一;事务控制的作用就是保证数据的正常执行与异常之后可以恢复   事务常用命令:             Commit提交         
  • [转]ConcurrentHashMap Collections.synchronizedMap和Hashtable讨论 bijian1013 java多线程线程安全HashMap
    在Java类库中出现的第一个关联的集合类是Hashtable，它是JDK1.0的一部分。 Hashtable提供了一种易于使用的、线程安全的、关联的map功能，这当然也是方便的。然而，线程安全性是凭代价换来的――Hashtable的所有方法都是同步的。此时，无竞争的同步会导致可观的性能代价。Hashtable的后继者HashMap是作为JDK1.2中的集合框架的一部分出现的，它通过提供一个不同步的
  • ng-if与ng-show、ng-hide指令的区别和注意事项 bijian1013 JavaScriptAngularJS
            angularJS中的ng-show、ng-hide、ng-if指令都可以用来控制dom元素的显示或隐藏。ng-show和ng-hide根据所给表达式的值来显示或隐藏HTML元素。当赋值给ng-show指令的值为false时元素会被隐藏，值为true时元素会显示。ng-hide功能类似，使用方式相反。元素的显示或
  • 【持久化框架MyBatis3七】MyBatis3定义typeHandler bit1129 TypeHandler
    什么是typeHandler? typeHandler用于将某个类型的数据映射到表的某一列上，以完成MyBatis列跟某个属性的映射   内置typeHandler MyBatis内置了很多typeHandler，这写typeHandler通过org.apache.ibatis.type.TypeHandlerRegistry进行注册，比如对于日期型数据的typeHandler，
  • 上传下载文件rz,sz命令 bitcarter linux命令rz
    刚开始使用rz上传和sz下载命令： 因为我们是通过secureCRT终端工具进行使用的所以会有上传下载这样的需求： 我遇到的问题： sz下载A文件10M左右，没有问题 但是将这个文件A再传到另一天服务器上时就出现传不上去，甚至出现乱码，死掉现象，具体问题 解决方法： 上传命令改为;rz -ybe 下载命令改为：sz -be filename 如果还是有问题： 那就是文
  • 通过ngx-lua来统计nginx上的虚拟主机性能数据 ronin47 ngx-lua　统计 解禁ip
    介绍 以前我们为nginx做统计,都是通过对日志的分析来完成.比较麻烦,现在基于ngx_lua插件,开发了实时统计站点状态的脚本,解放生产力.项目主页: https://github.com/skyeydemon/ngx-lua-stats 功能 支持分不同虚拟主机统计, 同一个虚拟主机下可以分不同的location统计. 可以统计与query-times request-time
  • java-68-把数组排成最小的数。一个正整数数组，将它们连接起来排成一个数，输出能排出的所有数字中最小的。例如输入数组{32, 321}，则输出32132 bylijinnan java
    import java.util.Arrays; import java.util.Comparator; public class MinNumFromIntArray { /** * Q68输入一个正整数数组，将它们连接起来排成一个数，输出能排出的所有数字中最小的一个。 * 例如输入数组{32, 321}，则输出这两个能排成的最小数字32132。请给出解决问题
  • Oracle基本操作 ccii Oracle SQL总结Oracle SQL语法Oracle基本操作Oracle SQL
    一、表操作 1. 常用数据类型 NUMBER(p,s)：可变长度的数字。p表示整数加小数的最大位数，s为最大小数位数。支持最大精度为38位 NVARCHAR2(size)：变长字符串，最大长度为4000字节（以字符数为单位） VARCHAR2(size)：变长字符串，最大长度为4000字节（以字节数为单位） CHAR(size)：定长字符串，最大长度为2000字节，最小为1字节，默认
  • [强人工智能]实现强人工智能的路线图 comsci 人工智能
        1：创建一个用于记录拓扑网络连接的矩阵数据表      2:自动构造或者人工复制一个包含10万个连接(1000*1000)的流程图      3：将这个流程图导入到矩阵数据表中      4：在矩阵的每个有意义的节点中嵌入一段简单的
  • 给Tomcat，Apache配置gzip压缩(HTTP压缩)功能 cwqcwqmax9 apache
    背景： HTTP 压缩可以大大提高浏览网站的速度，它的原理是，在客户端请求网页后，从服务器端将网页文件压缩，再下载到客户端，由客户端的浏览器负责解压缩并浏览。相对于普通的浏览过程HTML ,CSS,Javascript , Text ，它可以节省40%左右的流量。更为重要的是，它可以对动态生成的，包括CGI、PHP , JSP , ASP , Servlet,SHTML等输出的网页也能进行压缩，
  • SpringMVC and Struts2 dashuaifu struts2springMVC
    SpringMVC VS Struts2 1: spring3开发效率高于struts 2: spring3 mvc可以认为已经100%零配置 3: struts2是类级别的拦截， 一个类对应一个request上下文， springmvc是方法级别的拦截，一个方法对应一个request上下文，而方法同时又跟一个url对应 所以说从架构本身上 spring3 mvc就容易实现r
  • windows常用命令行命令 dcj3sjt126com windowscmdcommand
    在windows系统中，点击开始－运行，可以直接输入命令行，快速打开一些原本需要多次点击图标才能打开的界面，如常用的输入cmd打开dos命令行，输入taskmgr打开任务管理器。此处列出了网上搜集到的一些常用命令。winver 检查windows版本 wmimgmt.msc 打开windows管理体系结构(wmi) wupdmgr windows更新程序 wscrip
  • 再看知名应用背后的第三方开源项目 dcj3sjt126com ios
    知名应用程序的设计和技术一直都是开发者需要学习的，同样这些应用所使用的开源框架也是不可忽视的一部分。此前《 iOS第三方开源库的吐槽和备忘》中作者ibireme列举了国内多款知名应用所使用的开源框架，并对其中一些框架进行了分析，同样国外开发者 @iOSCowboy也在博客中给我们列出了国外多款知名应用使用的开源框架。另外txx's blog中详细介绍了 Facebook Paper使用的第三
  • Objective-c单例模式的正确写法 jsntghf 单例iosiPhone
    一般情况下，可能我们写的单例模式是这样的： #import <Foundation/Foundation.h> @interface Downloader : NSObject + (instancetype)sharedDownloader; @end #import "Downloader.h" @implementation
  • jquery easyui datagrid 加载成功，选中某一行 hae jqueryeasyuidatagrid数据加载
    1.首先你需要设置datagrid的onLoadSuccess $( '#dg' ).datagrid({onLoadSuccess :  function (data){      $( '#dg' ).datagrid( 'selectRow' ,3); }});   2.onL
  • jQuery用户数字打分评价效果 ini JavaScripthtmljqueryWebcss
    效果体验：http://hovertree.com/texiao/jquery/5.htmHTML文件代码： <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>jQuery用户数字打分评分代码 - HoverTree</
  • mybatis的paramType kerryg DAOsql
    MyBatis传多个参数： 1、采用#{0},#{1}获得参数：    Dao层函数方法：     public User selectUser(String name,String area); 对应的Mapper.xml    <select id="selectUser" result
  • centos 7安装mysql5.5 MrLee23 centos
    首先centos7 已经不支持mysql，因为收费了你懂得，所以内部集成了mariadb，而安装mysql的话会和mariadb的文件冲突，所以需要先卸载掉mariadb，以下为卸载mariadb，安装mysql的步骤。   #列出所有被安装的rpm package rpm -qa | grep mariadb   #卸载 rpm -e mariadb-libs-5.
  • 利用thrift来实现消息群发 qifeifei thrift
               Thrift项目一般用来做内部项目接偶用的，还有能跨不同语言的功能，非常方便，一般前端系统和后台server线上都是3个节点，然后前端通过获取client来访问后台server，那么如果是多太server，就是有一个负载均衡的方法，然后最后访问其中一个节点。那么换个思路，能不能发送给所有节点的server呢，如果能就
  • 实现一个sizeof获取Java对象大小 teasp javaHotSpot内存对象大小sizeof
       由于Java的设计者不想让程序员管理和了解内存的使用，我们想要知道一个对象在内存中的大小变得比较困难了。本文提供了可以获取对象的大小的方法，但是由于各个虚拟机在内存使用上可能存在不同，因此该方法不能在各虚拟机上都适用，而是仅在hotspot 32位虚拟机上，或者其它内存管理方式与hotspot 32位虚拟机相同的虚拟机上 适用。     
  • SVN错误及处理 xiangqian0505 SVN提交文件时服务器强行关闭
    在SVN服务控制台打开资源库“SVN无法读取current” ---摘自网络 写道 SVN无法读取current修复方法 Can't read file : End of file found 文件：repository/db/txn_current、repository/db/current   其中current记录当前最新版本号，txn_current记录版本库中版本