素心如月娅
素心如月娅

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)

  • 深度学习超参数优化（HPO）终极指南：从入门到前沿
    摘要：在深度学习的实践中，模型性能的好坏不仅取决于算法和数据，更在一半程度上取决于超参数的精妙设置。本文是一篇关于超参数优化（HyperparameterOptimization,HPO）的综合性指南，旨在带领读者从最基础的概念出发，系统性地梳理从经典到前沿的各类优化方法，并最终落地于实用策略和现代工具。无论您是初学者还是资深从业者，都能从中获得宝贵的见解。第一部分：夯实基础——HPO的核心概念1
  • 【嘟嘟嘀嘀】20180223学习力践行D136 嘟嘟嘀嘀
    今天年初八，我们从老家开车回来广东，一路都有交通事故，所以一路都有塞车，总共开了8个来小时，时间比较长，宝宝在车上总体也算好，就是堵车的时候他也比较烦躁，会哭闹一下，烦躁时我们会念念手指谣，听听音乐，他的心情就会好些。回来家里，睡前也看了《蹦》、《语言启蒙》红本。
  • 复盘，温故而知新 yang40
    ———————今日复盘———————回顾本周的学习写作，请谈谈你的收获和反思【我的技能】本周学习，对之前已经学习一次的写作技巧，又在此复习一遍，如何开头，如何结尾，有了新体验和新想法。【我要发问】本周所学内容中，你有哪些不会的呢？如何系统的输出干货，如何让自己不断积累，找到适合自己的速度和方法，坚持的动力是什么？【我的闪光点】本周你做的好的地方？继续早起，并且开始自由写作，对自由写作有新的认识，和
  • 六项精进打卡11天 王尚涛
    每日打卡模板姓名：王尚涛公司：为福投资控股集团【日精进打卡第11天】【知～学习】《六项精进》纲要读1遍，共17遍《大学》读1遍共11遍《论语》第12-24页【经典名句分享】付出不亚于任何人的努力；要谦虚不要骄傲；每天都要反省；活着，就要感谢；积善行，思利他；不要有感性的烦恼；若无相欠，怎会相见；人不知而不愠，不亦君子乎；命由我作，福自己求；小人闲居为不善。言不及之而言谓之躁，言及之而不言谓之隐，未
  • 做自媒体自学好，还是花钱去培训好呢？ 兔子和铃铛
    我认为首先你要清晰自己的目标，是想创业还是当做兴趣，或者是想找到一份工作。如果你只是兼职，基于自己的兴趣，那我个人认为自学就足够了，如果你想要创业，或者找工作，那你可能需要更深入的学习和系统的知识体系。目前无非就是四种学习方式如果你时间和金钱充足，且自律意识差，那可以寻找本地的线下机构学习。如果你没有特别充分的时间，但是学习能力强，自律性高，那你可以自学如果你金钱比较充足，自律意识较差，自学效率不
  • 日更第2天 无籽露
    《时间看得见》读后感2019.8.4没有人能够给你规定人生目标，除了你自己；没有人可以左右你的时间，除了你自己。《时间看得见》这本书是在萌薇公开课中若辰推荐的，我深深地体会到：每一次的学习都给我的人生带来一次触动，或大或小，或深或浅，怀着感恩的心我在微信读书里打开了它，利用三天的时间读完了它。写读后感是逼着我自己思考，不是命题作文，那么就无拘无束地谈谈收获吧！一、明确目标，让生活更高效。我是个不太
  • 原生前端JavaScript/CSS与现代框架(Vue、React)的联系、区别与运行环境(精简版)
    原生前端JavaScript/CSS与现代框架(Vue、React)的联系、区别与运行环境随着Web技术的不断发展，前端开发已经从最初的原生JavaScript和CSS时代，逐步演进到以Vue、React等为代表的现代前端框架时代。对于许多刚入门或正在转型的前端开发者来说，理解原生技术和现代框架之间的联系、区别，以及各自的运行环境和条件，有助于更好地把握前端技术栈的演变趋势和实际应用场景。一、原生
  • 陪孩子备战高考第三百五十六天 想入非非的棋子
    今天孩子妈告诉我孩子回家的时候跟她说要努力学习了，而且今天第一次在学校完成了数学作业。回家后认真完成天学网的作业。老师在群里表扬了孩子：天学网作业做了四五遍以达到自己的目标……我想可能是这句表扬引出了孩子的热情和斗志！我今天也重新回顾了为什么非要让孩子上高中的想法：在我看来一个人需要有一种修养，这种修养就是通过学习培养出来的。在我心中，孩子是具备成为一个有修养的人的能力，而且孩子有很优秀的品质，如
  • 【跟日剧学日语】《追赶星星的孩子》 日语之声
    =主播=小夜=小编=琉璃主播小哥哥~~注:本节目仅用于分享和学习交流，不得转用和商用，内容版权归原作者所有。若有侵权，请在作品下方留言，我们会尽快删除。
  • 随记44 一程山水一程歌_c0bf
    学习柳井正的《经营者养成笔记》随想35121.柳井正在赚钱的能力的第六节《与矛盾做斗争》中提到要“发现真正的问题，从根本上解决问题”，能够发现真正的问题并不是很容易的事情，如果格局、视野不够，或者所处的环节不够，要发现真正的问题，知道问题的核心是很难的。核心还是管理者的格局，只有管理者有了足够大的格局，才可能创造出培养优秀的经营者的环境和平台。
  • 读《平凡的世界》第十六、十七、十八章，孙少平和郝红梅之间的“关系” 小菜菜艾之家
    转眼之间到了夏天，夏天对黄土高原这里是一年中最好的日子，绿色覆盖了整个山峦和沟壑，农作物也长出了一大截，就连荒凉的集镇上也变得热闹起来。再过几天就是初伏，紧接着就是大暑，火辣辣的太阳炙烤着大地。各机关干部和学生都在学习无产阶级专政理论，组织着各种各样的活动。黄土高原上的农民依然处于贫穷中，很多人吃不饱饭。孙少平的情况也是一样的，还是困难户，仍然吃着黑高粱馒头，心中甚至有了退学的想法，但是因为一个女
  • 4D习书第三章 刘彦坤
    了解用4D管理社会背景的坐标，并明确了坐标的诞生。我关注的内容：有关于4D的验证结论；传统方法的局限。从本章当中的学习对4D使用充满信心。因为它被充分而且反复的应用在领导力和团队发展之中。我的想法与内心独白：用个人的方法精准明确的使用4D系统有效管理团队；让自己变得更好的行动：应用这些定律，并通过实践证明这些定律。期待的结果：有效提高团队和领导至关重要的特点罗列。
  • 2021-11-13 芷灵君
    打卡时间：11月12日-11月13日打卡内容：1.“两个教学大纲”具体指什么？两个教学大纲指的是:1、必须学会并记住的材料；2、课外阅读以及其他知识来源。2.“两个教学大纲”，是如何发展学生的思维能力的？为了牢固地记住公式、规则、结论和其他的概括，学生应该阅读和思考许多无需记住的材料。阅读应和学习紧密联系。如果阅读加深了对事实、现象和事物的认识，而这些事实、现象和事物是保存在记忆中的概括的基础，那
  • React 开发（一）：入门 - 从 0 到 1 的学习之旅 全栈探索者chen reactreact.js学习前端前端框架程序人生开发语言javascript
    React开发（一）：入门-从0到1的学习之旅1.前言在前端开发领域，React是一个备受推崇的JavaScript库，广泛应用于构建用户界面。它的组件化架构、虚拟DOM和高效的更新机制使得开发复杂的应用变得更加简洁和高效。在这篇文章中，我们将从零开始学习React，了解它的基本概念和如何搭建第一个项目。2.什么是React？React是一个用于构建用户界面的JavaScript库，由Facebo
  • 面对未知，学习成长。 曲奇珊
    很多时候，恐惧是来源于未知。人们对未知事物的不确定感引发焦虑、担忧和和恐惧。未知永远存在，无法完全被消除，而我们能做的就是培养面对未知的能力。能够和未知事物相伴的人往往也是不断学习成长的人。恐惧不会完全消失，但当我们学习成长后知道得越多，这种由未知带来的不确定感就会越少。即便恐惧依然存在，但如果我们是学习成长型的人，那么我们还是相信自己是有能力面对这些恐惧的。面对未知，“相信自己能学会”的这份信心
  • 高端密码学院笔记228 柚子_b4b4
    高端幸福密码学院（高级班）幸福使者：李华第（541）期《幸福》之启动深层心理轻松意识基础篇——“扛得住”成长的喜悦心理案例分析主讲：刘莉一，知识扩充:高尚、伟大的代价就是责任。自由的第一个意义就是担负自己的责任2020.8.20星期三一笔记:1.从接的住到扛得住，心里境界的提升2.看到优秀的家人向别人学习如何去做，什么心里阶段性呈现什么状态。3.学习力越强，承载力越强4.精准，准确，的点评就是对笔
  • 前端15 徒做嫁衣
    jquery用法思想一选择某个网页元素，然后对它进行某种操作。jquery选择器jquery选择器可以快速地选择元素，选择规则和css样式相同，使用length属性判断是否选择成功。$(document)//选择整个文档对象$('li')//选择所有的li元素$('#myId')//选择id为myId的网页元素$('.myClass')//选择class为myClass的元素$('input[na
  • 【静守流年30】练习讲什么 宁超群
    1今日发下昨日的练习。首先，对书写特别漂亮的一批学生大力表扬。接着，对书写好，答题准的孩子发了一张“学习之星”的证书，让同学们、也让他们自己看见自己的优秀，在班级起到了正面示范的作用。然后，给了五分钟时间让他们自主反思，自主订正自己的错误。最后开始讲评试卷。讲评什么呢？第一、讲读题习惯和答题习惯。孩子们丢掉了读题勾画关键词、认真书写、答题完整和反复检查的习惯。当然，不是我直接讲，而是让他们自主总结
  • 2019-8-12晚间日记 故梦笙笙
    今天是什么日子起床：7:00就寝：23:00天气：晴心情：一般纪念日：无叫我起床的不是闹钟是梦想年度目标及关键点：考博，毕业本月重要成果：无成功日志-记录三五件有收获的事务无财务检视正常人际的投入无开卷有益-学习/读书/听书无健康与饮食今日步数：14000今日锻炼：无今日饮食：正常好习惯打卡英语流利说打卡30分钟单词30
  • 20211102成就感日志297/365 kidII
    我是kid，这是我的18/365进化日课。20211102奋斗是人生的底色，你会经历很多人事物，学会更多的东西。从学习上掌握技能，从学习上享受生活，即便是辛苦也没有关系，生活没有不辛苦的，但是要辛苦的有意义。与其说平凡的过一辈子，不如吃苦耐劳，选择自己喜欢的生活，一点点的付出，积累很多的经验，未来才会有希望。虽然我们渴望成就感，但也需要平衡生活，让自己越来越幸福。1.【日思】：今日最重要的一件事。
  • OpenHarmony解读之设备认证：解密流程全揭秘 陈乔布斯 HarmonyOS鸿蒙开发OpenHarmonyharmonyosopenHarmony嵌入式硬件鸿蒙开发respons
    往期推文全新看点（文中附带最新·鸿蒙全栈学习笔记）①鸿蒙应用开发与鸿蒙系统开发哪个更有前景？②嵌入式开发适不适合做鸿蒙南向开发？看完这篇你就了解了~③对于大前端开发来说，转鸿蒙开发究竟是福还是祸？④鸿蒙岗位需求突增！移动端、PC端、IoT到底该怎么选？⑤记录一场鸿蒙开发岗位面试经历~⑥持续更新中……一、概述本文重点介绍客户端收到end响应消息之后的处理过程。二、源码分析这一模块的源码位于：/bas
  • 前端学习笔记：React.js中state和props的区别和联系
    文章目录1.`props`（属性）定义用途示例2.`state`（状态）定义用途示例3.核心区别4.常见使用场景props的场景state的场景5.交互模式父组件修改子组件状态子组件通知父组件6.最佳实践总结在React.js中，state和props是两个核心概念，用于管理组件的数据和数据流。它们的设计目的不同，但共同构成了React组件的状态管理系统。1.props（属性）定义外部传入的数据：
  • 《道德经》学习第六十二天 快乐大拙
    图片发自App今日学习《道德经》天下篇的第六十七章“天下皆谓我道大”。本章指出，修道的关键在于要有“三宝”。其中，慈，是三宝之宝。有了慈，也就有了俭，有了不敢为天下先。【正文】天下皆谓我道大似不肖夫唯大故似不肖若肖久矣其细也夫！我有三宝持而保之：一曰慈二曰俭三曰不敢为天下先慈故能勇俭故能广不敢为天下先故能成器长今：舍慈且勇舍俭且广舍后且先死矣夫慈：以战则胜以守则固天将救之以慈卫之【直译】天下人都说
  • 2018-05-04 赵廷芳
    ！一一日精进打卡2018年5月04姓名：赵廷芳企业名称：临沂鑫源研磨新材料有限公司组别241期利他2组【日精进打卡第199天】【知~学习】背诵六项精进2遍，大学2遍l【行~实践】一、修身：早起跑步锻炼身体二、齐家：早起送孩子上学三、建功：安排生产，组织发货【积善】：日行一善，【省~觉悟】是不是自私自利，有没有卑怯的举止。1.今天有点冲动，有了感性的烦恼，希望自己继续努力，努力向上提升，不要因为自己
  • Python你不知道的二三事（Python基础知识） 日暮凡尘 python开发语言
    在上一篇中，我们介绍了Python解释器与编辑器的安装与使用，本次我们这是在进行Python程序的编译。我会根据我个人的学习进度进行更新，如有遗漏或错误，欢迎指正。变量与常量变量创建一个新的py文件，我们就可以开始编程了。关于变量，就是一些我们自定义的值，如a=10num=100其中a，num就是我所定义的变量，变量的命名较为自由，但也有一些规则需要遵守：1.变量由数字、字母、下划线（_）组成。n
  • 三步解锁.NET Conf Student Zone：免费资源+实战项目全攻略！学生党必看！
    关注墨瑾轩，带你探索编程的奥秘！超萌技术攻略，轻松晋级编程高手技术宝库已备好，就等你来挖掘订阅墨瑾轩，智趣学习不孤单即刻启航，编程之旅更有趣.NETConfStudentZone三步称王第一步：注册与资源获取——“领取你的魔法钥匙”目标：用StudentZone的免费资源，告别“资源散落”困境。步骤1：注册账号（1分钟搞定！）//模拟注册流程（伪代码，实际需访问官网）stringemail="yo
  • 《一本小小的红色写作书》｜学会这些写作原则，你也能写出10万+ 襟怀高远
    两年前，我因为产前抑郁，每天写清晨日记，梳理自己的心灵成长和育儿生活感悟。写着写着，我就爱上了书写，可是我没有学习过写作方法，文笔虽然不错，但是写出来的文章主题不突出，内容混乱，缺乏条理性。于是开始报名各种写作课，以为这样就可以解决问题，但是依然写不出一篇主题分明、条理清晰、论证充分的出彩文章。学了很多写作技巧，下笔依然灵感枯竭。读了很多文笔优美的文章或书，语言依然繁冗。直到遇到了《一本小小的红色
  • 《班主任微创意》学习所记五则 瑾言_lw999
    （一）人与人间,如果首先是“看不惯”，然后关系就会生疏，变成“看不懂”，等两个人生疏了后，互相就会“看不起”，这样会越来越生疏,其实这样已“看不远”了，最后你们的关系就会“来不及”了。任何人不可能脱离集体而独自存在。请多多帮助别人，赠人玫瑰，手留余香!刘宇航马上说:“老师，学习上的问题也是这样的。我们不喜欢哪个科目，先是看不惯，然后慢慢就看不懂，就越来越不喜欢这一科，就成了看不起，其实这个时候我们
  • 摘 暗裔咓嫟
    （1）“读”加“写”。在掌握了50音图及一些基础发音之后，就要开始学习背诵词汇。背词时建议大家边写边读，写和读都可以加深对词汇的印象。读的时候要注意长音、促音和声调，这些地方经常被大家忽略，如果这些地方读错，可能就会变成另外一个单词。（2）在积累的同时，掌握规律。词汇量积累到一定程度的时候，词汇的背诵速度会越来越快，因为你会发现其实词汇的读音是有一些规律的。比如日语汉字结构相似，或者读音相同的汉字
  • 好好学习，能上天——献给六一儿童节的金凤凰（王朝和） 2db504f9317c
    今天是六一儿童节，祝普天下的儿童们好好学习，健康成长！要问好好学习，能干嘛？告诉你——能上天！最近，云南省保山市施甸县桃关镇的大山里飞出了金凤凰，他的名字叫桂海潮，很值得少年儿童学习。2023年5月30日，神舟16号载人飞船发射取得圆满成功。在这次进入太空的三名飞行员中，桂海潮是中国执行载人飞行任务的首位载荷专家，是中国唯一戴眼镜执行飞行任务的航天员，是首个非军人出身的航天员，也是中国首位最年轻飞
  • 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其他