素心如月娅
素心如月娅

CSS入门学习笔记例题详解（二）

接上一篇：CSS入门学习笔记例题详解（一）
接下一篇：CSS入门学习笔记例题详解（三）

1. 盒子模型

1.1 边框（border）

CSS入门学习笔记例题详解（二）_第1张图片
CSS入门学习笔记例题详解（二）_第2张图片

1.2 复合写法（没有顺序）

CSS入门学习笔记例题详解（二）_第3张图片

1.3 边框分开写法

CSS入门学习笔记例题详解（二）_第4张图片

1.4 表格边框粗细写法

CSS入门学习笔记例题详解（二）_第5张图片

1.5 内边距，内边距复合写法

CSS入门学习笔记例题详解（二）_第6张图片
注意事项：
CSS入门学习笔记例题详解（二）_第7张图片
例题：
CSS入门学习笔记例题详解（二）_第8张图片

1.6 padding应用

CSS入门学习笔记例题详解（二）_第9张图片

DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Documenttitle>
    <style>
        .nav{
             height: 41px;
             width: 530px;
            border-top: 3px solid #ff8500;
            border-bottom: 1px solid #edeef0;
            background-color: #fcfcfc;
        }

        .nav a {
            display: inline-block;
            color: #4c4c4c;
            height: 41px;
            font-size: 12px;
            padding:10px 20px;
            text-decoration: none;
        }

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

<body>
    <div class="nav">
        <a href="">设为首页a>
        <a href="">手机新浪网a>
        <a href="">移动客户端a>
        <a href="">博客a>
        <a href="">微博a>
        <a href="">关注我a>
    div>
body>

html>

1.7 margin外边距

原理和padding一样
CSS入门学习笔记例题详解（二）_第10张图片
CSS入门学习笔记例题详解（二）_第11张图片
注意：行内元素和行内块元素水平居中：
在这里插入图片描述
CSS入门学习笔记例题详解（二）_第12张图片

1.7 父元素和子元素同时设置margin-top，显示结果会合并，解决办法如图

CSS入门学习笔记例题详解（二）_第13张图片
例题：
CSS入门学习笔记例题详解（二）_第14张图片
transparent是透明

1.7.1 通配符选择器清除内外边距

CSS入门学习笔记例题详解（二）_第15张图片

1.8 PS基本操作

CSS入门学习笔记例题详解（二）_第16张图片

综合案例1

CSS入门学习笔记例题详解（二）_第17张图片

DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Documenttitle>
    <style>
        * {
            text-align: center;
            font-size: 14px "Helvetica Neue", Helvetica, Arial;
        }

        li {
            width: 234px;
            height: 340px;
            border: 2px solid white;
        }

        .brick {
            text-decoration: none;
            width: 234px;
            height: 300px;
            padding: 20px 30px;
        }

        img {
            width: 160px;
            height: 160px;
            padding: 0px 0px;
        }

        h3 {
            width: 214px;
            height: 21px;
            color: #333333;
            margin: 0px 10px 2px;
            padding: 0px 0px;

        }

        .desc {
            width: 214px;
            height: 21px;
            color: #b0b0b0;
            margin: 0px 10px 10px;
            font-size: 14px;
        }

        .price {
            width: 214px;
            height: 21px;
            color: #FF6700;
            margin: 0px 10px 14px;
        }
    style>
head>

<body>
    <ul>
        <li type="none">
            <a href="#" class="brick">
                <div class="figure">
                    <img src="小米手机.jpg" alt="">
                div>
                <h3>
                    Xiaomi 125
                h3>
                <p class="desc">小尺寸性能旗舰 | 徕卡影像p>
                <p class="price">3999元起p>
            a>
        li>
    ul>
body>

html>

综合案例2

CSS入门学习笔记例题详解（二）_第18张图片

DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Documenttitle>
    <style>
        * {
            padding: 0px;
            margin: 0px;
        }

        .all {
            border: 2px solid rgb(182, 179, 179);
            width: 300px;
            height: 210px;
        }

        .head {
            width: 300px;
            height: 50px;
            border-bottom: 2px solid rgb(182, 179, 179);
            line-height: 50px;
        }

        h3 {
            font-weight: normal;
            color: rgb(97, 91, 91);
            padding: 0px 20px;
        }

        li {

            color: rgb(97, 91, 91);
            padding: 5px 10px 5px 30px;
        }
    style>
head>

<body>
    <div class="all">
        <div class="head">
            <h3>品优购快报h3>
        div>
        <div class="body">
            <ul type="none">
                <li>【特惠】 爆款耳机5折秒li>
                <li>【特惠】 爆款耳机5折秒li>
                <li>【特惠】 爆款耳机5折秒li>
                <li>【特惠】 爆款耳机5折秒li>
                <li>【特惠】 爆款耳机5折秒li>
            ul>
        div>
    div>

body>

html>

1.9 圆角边框

  1. 代码
div{
width:200px;
height:200px;
border-radius:10px;
background-color:aqua;
}

CSS入门学习笔记例题详解（二）_第19张图片

  1. 例题：div显示一个圆
    CSS入门学习笔记例题详解（二）_第20张图片
    CSS入门学习笔记例题详解（二）_第21张图片
    圆角矩形，把border-radius设置为高度的一半即可。

  2. 属性值可以写1个，也可以写4个

CSS入门学习笔记例题详解（二）_第22张图片
4. border-top-left-radius:10px;//只设置左上角为圆角边框，其他不变

1.10 盒子阴影box-shadow

CSS入门学习笔记例题详解（二）_第23张图片
例题：
CSS入门学习笔记例题详解（二）_第24张图片

1.10.2 文字阴影

CSS入门学习笔记例题详解（二）_第25张图片

你可能感兴趣的:(css,css,学习,css3)

  • 【LeetCode:132. 分割回文串 II + 动态规划】 硕风和炜 #递归/回溯系列#动态规划系列LeetCode每日一题打卡leetcode动态规划算法java递归记忆化搜索dp
    在这里插入代码片算法题算法刷题专栏|面试必备算法|面试高频算法越难的东西,越要努力坚持，因为它具有很高的价值，算法就是这样✨作者简介：硕风和炜，CSDN-Java领域优质创作者，保研|国家奖学金|高中学习JAVA|大学完善JAVA开发技术栈|面试刷题|面经八股文|经验分享|好用的网站工具分享恭喜你发现一枚宝藏博主,赶快收入囊中吧人生如棋，我愿为卒，行动虽慢，可谁曾见我后退一步？算法题目录题目链接⛲
  • 深度学习五大模型：CNN、Transformer、BERT、RNN、GAN解析 大模型_学习路线 深度学习cnntransformer人工智能AI大模型大模型LLM
    今天探讨它们各自适用的场景，让您知道在何种情况下选择何种模型；同时分析它们的优势与局限，助您全面评估这些模型的性能。一、卷积神经网络（ConvolutionalNeuralNetwork,CNN）原理：CNN主要由卷积层、池化层和全连接层组成。卷积层通过卷积核在输入数据上进行卷积运算，提取局部特征；池化层则对特征图进行下采样，降低特征维度，同时保留主要特征；全连接层将特征图展开为一维向量，并进行分
  • 清华出品DeepSeek使用手册全六版，AI学习必备宝典 2501_90771647 pdf
    「清华北大-Deepseek使用手册」链接：https://pan.quark.cn/s/98782f7d61dc「清华大学Deepseek整理）1－6版本链接：https://pan.quark.cn/s/72194e32428aAI学术工具公测链接:https://pan.baidu.com/s/104w_uBB2F42Da0qnk78_ew提取码:7fb8资源链接：https://pan.q
  • 【设计模式】工厂方法模式 小王不头秃 设计模式设计模式工厂方法模式java
    ❓首先什么是设计模式？相信刚上大学的你和我一样，在学习这门课的时候根本不了解这些设计原则和模式有什么用处，反而不如隔壁的C++更有意思，至少还能弹出一个小黑框，给我个helloworld。✨如何你和我一样也是这么想，那接下来咱们以贴合生活实际的方式来看看设计模式到底有什么神奇的地方？更多有趣的设计模式讲解都在设计模式专栏，欢迎来看看。【设计模式】工厂方法模式前言工厂方法模式六大原则分析现实工作中的
  • 数据挖掘实习面经一 Y1nhl 搜广推面经数据挖掘人工智能机器学习推荐算法python风控算法搜索引擎
    写在前面：其实数据挖掘、风控、机器学习算法与搜广推的八股还是有重合的部分，毕竟都是面对结构化数据。特别是我自己是做竞赛的，平时LGBM、CatBoost用的挺多的，所以感觉这些八股还是有必要看看，建议大家也可以看一下。京东数据挖掘算法一、介绍贝叶斯优化的原理贝叶斯优化（BayesianOptimization）是一种用于优化黑盒函数的有效方法，特别适用于目标函数评估成本较高、不可导或难以解析表达的
  • 《ArkTS鸿蒙应用开发入门到实战》—新手小白学习鸿蒙的推荐工具书！ 心态还需努力呀 HarmonyOSharmonyos华为鸿蒙应用开发入门到实战ArkTS
    《ArkTS鸿蒙应用开发入门到实战》—新手小白学习鸿蒙的推荐工具书！在科技日新月异的今天，鸿蒙操作系统（HarmonyOS）作为华为推出的全新操作系统，正迅速进入越来越多的智能设备，成为物联网和智能硬件领域的重要平台。如果你是鸿蒙开发的新手，面对众多的学习资源和技术文档，可能会感到无从下手。别担心，《ArkTS鸿蒙应用开发入门到实战》这本书，正是为你提供的一本最佳入门工具书，帮助你轻松踏入鸿蒙应用
  • 3.4.4- 先颜色后形状的方式 STM32串口通信 openmv+STM32串口通信 openmv串口通信openmv识别物体 openmv神经网络训练 openmv数字识 好家伙VCC stm32神经网络嵌入式硬件单片机硬件工程51单片机嵌入式实时数据库
    非常详细的视频和文字教程，讲解常见的openmv教程包括巡线、物体识别、圆环识别、阈值自动获取等。非常适合学习openmv、K210、K230等项目视频合集链接在:openmv教程合集openmv入门到项目开发openmv和STM32通信openmv和opencv区别openmv巡线openmv数字识别教程LCD3.4.4-先颜色后形状的方式可以再试试先颜色后形状的识别方式。importsenso
  • 3.4.5-识别形状+颜色+增加最小变化阈值 STM32串口通信 openmv+STM32串口通信 openmv串口通信openmv识别物体 openmv神经网络训练 openmv数字识 好家伙VCC stm32神经网络嵌入式硬件硬件工程单片机机器学习人工智能
    非常详细的视频和文字教程，讲解常见的openmv教程包括巡线、物体识别、圆环识别、阈值自动获取等。非常适合学习openmv、K210、K230等项目视频合集链接在:openmv教程合集openmv入门到项目开发openmv和STM32通信openmv和opencv区别openmv巡线openmv数字识别教程LCD3.4.5-识别形状+颜色+增加最小变化阈值在形状+颜色的识别效果中，发现小球是不动，
  • Slurm作业调度系统常见操作（使用超算运行深度学习） 坐在云朵上的kiwi 工程项目#deeplearning深度学习服务器
    1.传输下载文件sftp远程命令cd,pwd等，本地命令lcd,lpwdget远程地址本地地址put本地地址远程地址上传文件夹1.在远程建立和本地一样名称的文件夹如data/2.put-rdata/2.建立虚拟环境moduleloadpython/3.8#加载modulevirtualenv--no-downloadENV#建立一个叫ENV的虚拟环境激活虚拟环境sourceENV/bin/acti
  • 强化学习的数学原理-六、随机近似与随机梯度下降 儒雅芝士 pythonnumpy机器学习
    代码来自up主【强化学习的数学原理-作业】GridWorld示例代码（已更新至DQN、REINFORCE、A2C）_哔哩哔哩_bilibiliSGD、GD、MGD举例：#先初始化一个列表，未来要在这100个样本里面再sample出来np.random.seed(0)X=np.linspace(-10,10,1000)Y=2*X**2+3*X+5#用作真实值#定义二次函数，找到一组参数a、b、c使得
  • pyQT学习笔记-----pushbutton控制Graphics view内对象移动 汉东省长达康 pyQTpyQTGraphicsviewpushbutton控制移动
    pyQT学习笔记-----pushbutton控制Graphicsview内对象移动引言项目需要制作一个美观，大气，高逼格的控制界面，出于项目的需要，以及本人对于python语言的掌握程度远高于C，所以果断采用了python+pyQT这个框架，今天本人终于完成了这个控制系统二维操作的动态显示，历时三个周，前前后后试过很多的方法。第一种尝试：从lable显示图片开始，接着使用openCV，用labl
  • 蓝桥杯备考冲刺必刷题（C++） | 蓝桥云课 760 数的计算 热爱编程的通信人 蓝桥杯c++职场和发展
    本文为付费文章，相较于个人免费文章，将提供更完整的解题思路、详细的代码注释。通过付费支持，您将获得更优质的学习体验和更高效的提升路径。专栏特色1.真题解析：精选蓝桥杯青少组竞赛真题，逐题详细讲解，帮助您掌握解题技巧。2.经典算法练习：根据蓝桥杯青少组竞赛大纲，挑选经典算法题目，提供代码实现与指导，助您夯实算法基础。3.系统化学习：从基础到进阶，循序渐进，帮助您全面提升编程能力。附上汇总贴：蓝桥杯备
  • 如何解决信息过载导致研发进展缓慢的问题 由数入道 AI辅助教学人工智能自然语言处理
    研究人员身处信息时代的洪流之中，面临着前所未有的知识爆炸。这种爆炸既是机遇，也是挑战。信息过载不仅仅是一个效率问题，更是一个关乎研究本质、个人存在意义的哲学问题。它如同西西弗斯的巨石，看似推动知识的进步，实则可能将我们困在无尽重复的“学习”山坡之下，阻碍真正的创新和突破。下面尝试从以下几个维度进行剖析：1.知识的本质与价值:信息并非知识：信息只是未经加工、组织和理解的数据片段。知识是经过人类理性思
  • JAVA基础学习2 Moon.8888 java学习开发语言
    JAVA基础学习2包机制1.包的本质其实就是文件夹包语句的语法格式：packagepkg1[.pkg2[.pkg3...]];注意：1.一般利用公司域名倒置作为包名；例如：www.baidu.com倒置过来作为包名：com.baidu.www；2.*作为通配符导入包的的语法格式：importpackage1.[.package2...].(classname|*);JavaDoc生成文档1.Jav
  • 深度学习框架之主流学习框架 uu1224 深度学习学习人工智能机器学习神经网络
    深度学习框架是一类专门设计用来简化和加速神经网络模型开发过程的软件工具。它们提供了构建、训练和部署神经网络所需的各种功能和库。以下是一些主流的深度学习框架及其特点：TensorFlow：由Google开发，是一个广泛使用的开源深度学习框架。它以强大的图计算模型和分布式计算能力著称，并且通过高级API如Keras，为用户提供了易于上手的开发体验。PyTorch：由Facebook开发，以其动态计算图
  • 3.2.2-增加 + 缓冲区显示结果 openmv巡线 循迹黑线 循迹红线 循迹 openmv循迹小车 openmv+STM32循迹小车 循迹赛道 视觉循迹 好家伙VCC stm32嵌入式硬件单片机
    3.2.2-增加+缓冲区显示结果非常详细的视频和文字教程，讲解常见的openmv教程包括巡线、物体识别、圆环识别、阈值自动获取等。非常适合学习openmv、K210、K230等项目视频合集链接在:openmv教程合集openmv入门到项目开发openmv和STM32通信openmv和opencv区别openmv巡线openmv数字识别教程LCD上面的代码识别后结果输出在串行终端还是不够直观，我们可
  • 突破网络壁垒：实现 Mac SSH 访问 Windows WSL Ubuntu 的最佳实践20250301 Narutolxy 技术干货分享网络macosssh
    突破网络壁垒：实现MacSSH访问WindowsWSLUbuntu的最佳实践背景与痛点在现代开发环境中，开发者通常会面临不同操作系统之间的协同工作。例如：主要开发环境位于Windows的WSLUbuntu子系统需要从局域网内的Mac设备进行远程访问和管理由于WSL默认采用NAT网络隔离（172.x.x.x网段），导致：无法直接从局域网设备（如192.168.x.x）访问WSL环境每次WSL重启时可
  • Systrace 学习笔记 程序员Android androidjava操作系统epoll移动开发
    和你一起终身学习，这里是程序员Android经典好文推荐，通过阅读本文，您将收获以下知识点:一、Systrace简介二、Systrace预备知识三、Why60fps四、SystemServer解读五、SurfaceFlinger解读六、Input解读七、Vsync解读八、Vsync-App：基于Choreographer的渲染机制详解九、MainThread和RenderThread解读十、Bin
  • 2025年网络安全全景解析：十大趋势、攻防演练与未来挑战（附实战资源） emmm形成中 网络安全web安全安全网络安全
    2025年网络安全全景解析：十大趋势、攻防演练与未来挑战（附实战资源）摘要：2025年网络安全领域正经历前所未有的变革。本文从十大技术趋势、国家级攻防演练（HVV）实战策略、AI驱动的威胁与防御体系等维度深度解析当前安全格局，并附赠零基础到精通的网安学习资源。结合最新法规、技术突破与实战案例，助你掌握攻防核心逻辑，抢占安全制高点！[推荐收藏][文末福利]一、2025年网络安全十大核心趋势（附行业影
  • python docx document 输出word 设置字体 南阳范宏云 pythonword开发语言
    python相关学习资料：一张图生成指定动作的动态视频,MagicAnimate本地部署搭建私人助理大模型需要什么环境？GitLabCI/CD-pending的原因使用Python-docx库设置Word文档字体Python-docx是一个用于创建和更新MicrosoftWord文档的Python库。它允许我们以编程方式操作Word文档，包括设置字体样式。本文将介绍如何使用Python-docx库
  • 用Python复制Word内容并使用格式设字体与大小 txlgl
    网上流传的部分可以百度关键词“Python”和“word”后查看文章学习，以下内容为个人实践，修正了不能运行出错的情况。importwin32comfromwin32com.clientimportDispatch,constantsw=win32com.client.Dispatch('Word.Application')#或者使用下面的方法，使用启动独立的进程：#w=win32com.clie
  • Linux进程间的关系 油菜花的菜 Linux系统编程和网络编程linux运维vim
    Linux进程间的关系Linux下每个进程都隶属于一个进程组，每个进程都包含PID、PGID、SID。文章目录Linux进程间的关系前言一、进程组二、会话三、ps命令查看进程间的关系四、系统资源限制五、改变工作目录和根目录六、服务器程序后台化前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础
  • Spring学习01 nightelves11 springJavaspringjava后端
    spring学习011.微服务*2.反应式框架3.云原生开发*4.web应用5.无服务器技术6.事件驱动7.批处理project（Java开发各个方面）frameworkbootdata处理数据cloud云原生security安全管理session共享会话integration集成Hateoas媒体服务restdocs文档Batch批处理CredHubStatemachine状态机-…IOC控制反
  • 2025前端技能 家里有只小肥猫 前端
    前端开发是现代Web开发中非常重要的一部分，涉及众多技术和工具。以下是一些在前端开发工作中常见的需求和技术：1.技术基础HTML/CSS:构建页面结构和样式。JavaScript:实现交互逻辑和动态功能。ES6+:使用现代JavaScript语法和特性。DOM操作:操作网页元素和事件处理。浏览器兼容性:确保代码在不同浏览器中正常运行。跨设备适配:确保页面在不同设备（PC、手机、平板）上正常显示。2
  • uniapp学习心得：跨平台开发 sdfcr uni-appjavascripthtml5cssvue.js
    一.介绍UniApp是一个基于Vue.js开发的跨平台应用开发框架，可以用于快速构建同时运行在多个平台（包括iOS、Android、Web等）的应用程序。相比于传统的原生开发和其他跨平台框架，选择学习UniApp具有许多优势。为什么选择学习UniApp？跨平台性：UniApp可以将同一套代码运行在多个平台上，极大地提高了开发效率，减少了重复开发的工作量。Vue.js生态：UniApp基于Vue.j
  • STM32G4 黑暗中的蓝鲸 stm32stm32嵌入式
    学习STM32G4XX的开发板首先来学习一下GPIOGPIO用途是通用的输入/输出的简称主要用于工业现场需要用到数字量输入输出的场合输出功能继电器LED蜂鸣器等的控制输入功能传感器的状态高低电平的信息读取复用功能片内外设的对外接口时序的模拟模拟SPL、IIc和UART等常用接口的时序特性：1、具有多种工作模式2、具有灵活的服用模式3、5V电压容限4、外部中断输入模式浮空输入上拉输入下拉输入上拉下拉
  • Python基础教程之Matplotlib-基础绘图 粒子jiang Python教程pythonmatplotlib
    最近想自学一些数据可视化相关的工具，首先想到了Python，于是自己写一些文章，把学习成果和问题贴出来，方便自己后续查询。之前有断断续续学习过一些Python的基础语法，所以直接从Matplotlib开始，后续应该会继续更新其他相关信息。目前用的开发工具是jupyternotebook，对Python感兴趣的小伙伴也可以在评论区交流起来。>>>Matplotlibbasicusage>>>导入模块
  • Transformer预测 | 基于TCN-Transformer的股票价格预测（Pytorch） 机器学习之心 #Transformer模型transformerpytorch深度学习TCN-Transformer股票价格预测
    文章目录预测效果文章概述程序设计参考资料预测效果文章概述Transformer预测|基于TCN-Transformer的股票价格预测（Python）Transformer模型本质上都是预训练语言模型，大都采用自监督学习(Self-supervisedlearning)的方式在大量生语料上进行训练，也就是说，训练这些Transformer模型完全不需要人工标注数据。Transformer模型的标志就
  • Spring系列学习之Spring CredHub m0_74824755 面试学习路线阿里巴巴spring数据库java
    英文原文：https://spring.io/projects/spring-credhub目录概述注入并使用CredHubTemplate认证Authentication相互TLSOAuth2SpringBoot配置快速开始学习文档概述SpringCredHub提供客户端支持，用于存储，检索和删除在CloudFoundry平台中运行的CredHub服务器的凭据。CredHub提供了一个安全存储，
  • 零基础程序员如何快速学会python Java进阶营菌 程序员职场Pythonpython开发语言后端pycharm程序人生
    学会Python能做的事情也很多，常见的就有网络爬虫，数据分析，前端开发，机器学习，都能很好地提高工作效率，往任何一个领域发展，工作前景是非常不错的。接下来我从基本的软件安装开始，仔细的给大家分析新手入门应该怎样学习Python吧，如果有讲得不到位的地方也欢迎大家指正，我会及时进行修改。一、软件的安装和选择1、配置环境关系到实操，所以在选择资料的同时，你还需要安装好Python需要的软件，软件版本
  • LeetCode[Math] - #66 Plus One Cwind javaLeetCode题解AlgorithmMath
    原题链接：#66 Plus One   要求： 给定一个用数字数组表示的非负整数，如num1 = {1, 2, 3, 9}, num2 = {9, 9}等，给这个数加上1。 注意： 1. 数字的较高位存在数组的头上，即num1表示数字1239 2. 每一位（数组中的每个元素）的取值范围为0~9   难度：简单   分析： 题目比较简单，只须从数组
  • JQuery中$.ajax()方法参数详解 AILIKES JavaScriptjsonpjqueryAjaxjson
    url: 要求为String类型的参数，（默认为当前页地址）发送请求的地址。 type: 要求为String类型的参数，请求方式（post或get）默认为get。注意其他http请求方法，例如put和    delete也可以使用，但仅部分浏览器支持。 timeout: 要求为Number类型的参数，设置请求超时时间（毫秒）。此设置将覆盖$.ajaxSetup()方法的全局
  • JConsole & JVisualVM远程监视Webphere服务器JVM Kai_Ge JVisualVMJConsoleWebphere
        JConsole是JDK里自带的一个工具，可以监测Java程序运行时所有对象的申请、释放等动作，将内存管理的所有信息进行统计、分析、可视化。我们可以根据这些信息判断程序是否有内存泄漏问题。 　　使用JConsole工具来分析WAS的JVM问题，需要进行相关的配置。 　　首先我们看WAS服务器端的配置. 　　1、登录was控制台https://10.4.119.18
  • 自定义annotation 120153216 annotation
    Java annotation 自定义注释@interface的用法 一、什么是注释      说起注释，得先提一提什么是元数据(metadata)。所谓元数据就是数据的数据。也就是说，元数据是描述数据的。就象数据表中的字段一样，每个字段描述了这个字段下的数据的含义。而J2SE5.0中提供的注释就是java源代码的元数据，也就是说注释是描述java源
  • CentOS 5/6.X 使用 EPEL YUM源 2002wmj centos
    CentOS 6.X 安装使用EPEL YUM源1. 查看操作系统版本[root@node1 ~]# uname -a Linux node1.test.com 2.6.32-358.el6.x86_64 #1 SMP Fri Feb 22 00:31:26 UTC 2013 x86_64 x86_64 x86_64 GNU/Linux [root@node1 ~]#
  • 在SQLSERVER中查找缺失和无用的索引SQL 357029540 SQL Server
    --缺失的索引 SELECT  avg_total_user_cost * avg_user_impact * ( user_scans + user_seeks ) AS PossibleImprovement ,          last_user_seek ,    
  • Spring3 MVC 笔记（二） —json+rest优化 7454103 Spring3 MVC
    接上次的 spring mvc 注解的一些详细信息！                          其实也是一些个人的学习笔记  呵呵！
  • 替换“\”的时候报错Unexpected internal error near index 1 \ ^ adminjun java“\替换”
    发现还是有些东西没有刻子脑子里,,过段时间就没什么概念了,所以贴出来...以免再忘...   在拆分字符串时遇到通过 \ 来拆分，可是用所以想通过转义 \\ 来拆分的时候会报异常   public class Main {          /*
  • POJ 1035 Spell checker(哈希表) aijuans 暴力求解--哈希表
    /* 题意：输入字典，然后输入单词，判断字典中是否出现过该单词，或者是否进行删除、添加、替换操作，如果是，则输出对应的字典中的单词 要求按照输入时候的排名输出 题解：建立两个哈希表。一个存储字典和输入字典中单词的排名，一个进行最后输出的判重 */ #include <iostream> //#define using namespace std; const int HASH =
  • 通过原型实现javascript Array的去重、最大值和最小值 ayaoxinchao JavaScriptarrayprototype
    用原型函数（prototype）可以定义一些很方便的自定义函数，实现各种自定义功能。本次主要是实现了Array的去重、获取最大值和最小值。 实现代码如下：   <script type="text/javascript"> Array.prototype.unique = function() { var a = {}; var le
  • UIWebView实现https双向认证请求 bewithme UIWebViewhttpsObjective-C
              什么是HTTPS双向认证我已在先前的博文 ASIHTTPRequest实现https双向认证请求 中有讲述，不理解的读者可以先复习一下。本文是用UIWebView来实现对需要客户端证书验证的服务请求，网上有些文章中有涉及到此内容，但都只言片语，没有讲完全，更没有完整的代码，让人困扰不已。但是此知
  • NoSQL数据库之Redis数据库管理(Redis高级应用之事务处理、持久化操作、pub_sub、虚拟内存) bijian1013 redis数据库NoSQL
    3.事务处理         Redis对事务的支持目前不比较简单。Redis只能保证一个client发起的事务中的命令可以连续的执行，而中间不会插入其他client的命令。当一个client在一个连接中发出multi命令时，这个连接会进入一个事务上下文，该连接后续的命令不会立即执行，而是先放到一个队列中，当执行exec命令时，redis会顺序的执行队列中
  • 各数据库分页sql备忘 bingyingao oraclesql分页
    ORACLE 下面这个效率很低 SELECT * FROM ( SELECT A.*, ROWNUM RN FROM (SELECT * FROM IPAY_RCD_FS_RETURN order by id desc) A ) WHERE RN <20; 下面这个效率很高 SELECT A.*, ROWNUM RN FROM (SELECT * FROM IPAY_RCD_
  • 【Scala七】Scala核心一：函数 bit1129 scala
    1. 如果函数体只有一行代码，则可以不用写{},比如 def print(x: Int) = println(x) 一行上的多条语句用分号隔开，则只有第一句属于方法体，例如   def printWithValue(x: Int) : String= println(x); "ABC"   上面的代码报错，因为，printWithValue的方法
  • 了解GHC的factorial编译过程 bookjovi haskell
    GHC相对其他主流语言的编译器或解释器还是比较复杂的，一部分原因是haskell本身的设计就不易于实现compiler，如lazy特性，static typed，类型推导等。 关于GHC的内部实现有篇文章说的挺好，这里，文中在RTS一节中详细说了haskell的concurrent实现，里面提到了green thread，如果熟悉Go语言的话就会发现，ghc的concurrent实现和Go有点类
  • Java-Collections Framework学习与总结-LinkedHashMap BrokenDreams LinkedHashMap
            前面总结了java.util.HashMap，了解了其内部由散列表实现，每个桶内是一个单向链表。那有没有双向链表的实现呢？双向链表的实现会具备什么特性呢？来看一下HashMap的一个子类——java.util.LinkedHashMap。       
  • 读《研磨设计模式》-代码笔记-抽象工厂模式-Abstract Factory bylijinnan abstract
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ package design.pattern; /* * Abstract Factory Pattern * 抽象工厂模式的目的是： * 通过在抽象工厂里面定义一组产品接口，方便地切换“产品簇” * 这些接口是相关或者相依赖的
  • 压暗面部高光 cherishLC PS
    方法一、压暗高光&重新着色 当皮肤很油又使用闪光灯时，很容易在面部形成高光区域。 下面讲一下我今天处理高光区域的心得： 皮肤可以分为纹理和色彩两个属性。其中纹理主要由亮度通道（Lab模式的L通道）决定，色彩则由a、b通道确定。 处理思路为在保持高光区域纹理的情况下，对高光区域着色。具体步骤为：降低高光区域的整体的亮度，再进行着色。 如果想简化步骤，可以只进行着色（参看下面的步骤1
  • Java VisualVM监控远程JVM crabdave visualvm
    Java VisualVM监控远程JVM    JDK1.6开始自带的VisualVM就是不错的监控工具. 这个工具就在JAVA_HOME\bin\目录下的jvisualvm.exe, 双击这个文件就能看到界面   通过JMX连接远程机器, 需要经过下面的配置: 1. 修改远程机器JDK配置文件 (我这里远程机器是linux).    
  • Saiku去掉登录模块 daizj saiku登录olapBI
    1、修改applicationContext-saiku-webapp.xml <security:intercept-url pattern="/rest/**" access="IS_AUTHENTICATED_ANONYMOUSLY" />  <security:intercept-url pattern=&qu
  • 浅析 Flex中的Focus dsjt htmlFlexFlash
    关键字：focus、 setFocus、 IFocusManager、KeyboardEvent 焦点、设置焦点、获得焦点、键盘事件 一、无焦点的困扰——组件监听不到键盘事件 原因：只有获得焦点的组件（确切说是InteractiveObject）才能监听到键盘事件的目标阶段；键盘事件（flash.events.KeyboardEvent）参与冒泡阶段，所以焦点组件的父项（以及它爸
  • Yii全局函数使用 dcj3sjt126com yii
    由于YII致力于完美的整合第三方库，它并没有定义任何全局函数。yii中的每一个应用都需要全类别和对象范围。例如，Yii::app()->user;Yii::app()->params['name'];等等。我们可以自行设定全局函数，使得代码看起来更加简洁易用。(原文地址) 我们可以保存在globals.php在protected目录下。然后，在入口脚本index.php的，我们包括在
  • 设计模式之单例模式二（解决无序写入的问题） come_for_dream 单例模式volatile乱序执行双重检验锁
                    在上篇文章中我们使用了双重检验锁的方式避免懒汉式单例模式下由于多线程造成的实例被多次创建的问题，但是因为由于JVM为了使得处理器内部的运算单元能充分利用，处理器可能会对输入代码进行乱序执行（Out Of Order Execute）优化，处理器会在计算之后将乱序执行的结果进行重组，保证该
  • 程序员从初级到高级的蜕变 gcq511120594 框架工作PHPandroidhtml5
    软件开发是一个奇怪的行业，市场远远供不应求。这是一个已经存在多年的问题，而且随着时间的流逝，愈演愈烈。 我们严重缺乏能够满足需求的人才。这个行业相当年轻。大多数软件项目是失败的。几乎所有的项目都会超出预算。我们解决问题的最佳指导方针可以归结为——“用一些通用方法去解决问题，当然这些方法常常不管用，于是，唯一能做的就是不断地尝试，逐个看看是否奏效”。 现在我们把淫浸代码时间超过3年的开发人员称为
  • Reverse Linked List hcx2013 list
    Reverse a singly linked list.   /** * Definition for singly-linked list. * public class ListNode { * int val; * ListNode next; * ListNode(int x) { val = x; } * } */ p
  • Spring4.1新特性——数据库集成测试 jinnianshilongnian spring 4.1
    目录 Spring4.1新特性——综述 Spring4.1新特性——Spring核心部分及其他 Spring4.1新特性——Spring缓存框架增强 Spring4.1新特性——异步调用和事件机制的异常处理 Spring4.1新特性——数据库集成测试脚本初始化 Spring4.1新特性——Spring MVC增强 Spring4.1新特性——页面自动化测试框架Spring MVC T
  • C# Ajax上传图片同时生成微缩图(附Demo) liyonghui160com
        1.Ajax无刷新上传图片,详情请阅我的这篇文章。（jquery + c# ashx）         2.C#位图处理  System.Drawing。         3.最新demo支持IE7,IE8,Fir
  • Java list三种遍历方法性能比较 pda158 java
    从c/c++语言转向java开发，学习java语言list遍历的三种方法，顺便测试各种遍历方法的性能，测试方法为在ArrayList中插入1千万条记录，然后遍历ArrayList，发现了一个奇怪的现象，测试代码例如以下： package com.hisense.tiger.list; import java.util.ArrayList; import java.util.Iterator;
  • 300个涵盖IT各方面的免费资源（上）——商业与市场篇 shoothao seo商业与市场IT资源免费资源
    A.网站模板+logo+服务器主机+发票生成 HTML5 UP:响应式的HTML5和CSS3网站模板。 Bootswatch:免费的Bootstrap主题。 Templated:收集了845个免费的CSS和HTML5网站模板。 Wordpress.org|Wordpress.com:可免费创建你的新网站。 Strikingly:关注领域中免费无限的移动优
  • localStorage、sessionStorage uule localStorage
    W3School 例子   HTML5 提供了两种在客户端存储数据的新方法： localStorage - 没有时间限制的数据存储 sessionStorage - 针对一个 session 的数据存储   之前，这些都是由 cookie 完成的。但是 cookie 不适合大量数据的存储，因为它们由每个对服务器的请求来传递，这使得 cookie 速度很慢而且效率也不
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他