weixin_30824599
weixin_30824599

HTML+CSS笔记 CSS进阶续集

元素分类

在CSS中，html中的标签元素大体被分为三种不同的类型： 块状元素 、 内联元素(又叫行内元素) 和 内联块状元素 。

常用的块状元素有：

、

、

...

、
    、
      、
      、、
      、
      、

      常用的内联元素有：

      、、
      、、、、

      常用的内联块状元素有：

      、

      块级元素

      什么是块级元素？在html中
      、

      、

      、、
        和
      • 就是块级元素。设置 display:block 就是将元素显示为块级元素。

      语法: 
       
     
         
      
      1. a{display:block;}
        2.  
     
       
    
       
    
       
     
      块级元素特点：
       
     
      1、默认每个块级元素都从新的一行开始，并且其后的元素也另起一行。（霸道，一个块级元素独占一行）
       
     
      2、元素的高度、宽度、行高以及顶和底边距都可设置。
       
     
      3、元素宽度在不设置的情况下，是它本身父容器的100%（和父元素的宽度一致），除非设定一个宽度。
       
    
       
   
       
   
       
    
       
    
      内联元素
       
   
       
          
   
       
    语法: 
   
       
   
       
    
       
     
       
     
         
      
      1.  div{
        2.  
      
      2.  display:inline;
        3.  
      
      3.  }
        4.  
      
        5.  
      
      5. ......
        6.  
      
        7.  
      
      7. 我要变成内联元素
        8.  
     
       
    
       
    
       
     
      内联元素特点：
       
     
      1、和其他元素都在一行上；
       
     
      2、元素的高度、宽度及顶部和底部边距不可设置；
       
     
      3、元素的宽度就是它包含的文字或图片的宽度，不可改变。
       
    
       
   
       
   
       
    
       
    
      内敛块状元素
       
   
       
   
       
    内联块状元素（ 
    inline-block 
    ） 
    就是同时具备内联元素、块状元素的特点，代码 
    display:inline-block 
    就是将元素设置为内联块状元素。(css2.1新增)，、标签就是这种内联块状标签。 
    
       
   
       
   
       
    
      inline-block 元素特点：
       
    
      1、和其他元素都在一行上；/*内联元素特点*/
       
    
      2、元素的高度、宽度、行高以及顶和底边距都可设置。/*块状元素特点*/
       
   
       
   
       
    
       
   
       
   
       
    
       
    
      盒子模型
       
   
       
   
      
     通过盒子模型,可以帮助我们更方便的理解块级元素的特点 
   
       
   
      
     举个栗子:div就可以是一个盒子,放置在里面的p标签就是图中的月饼. 
   
       
          
   
      
     放置在盒子里面的可以是文字,图片,也可以是标签元素 
   
       
   
       
    
       
   
       
   
       
    HTML+CSS笔记 CSS进阶续集_第2张图片 
    
       
   
       
   
      
     内填充,也就是放在盒子里面的东西和盒子边之间的距离 
   
       
   
      
     用专业术语说就是 
    padding! 
   
       
   
       
    HTML+CSS笔记 CSS进阶续集_第3张图片 
    
       
   
       
   
       
    
       
   
       
   
       
    盒子和盒子之间的距离我们称为盒子的外边距 
   
       
   
       
    专业术语称为margin 
   
       
   
       
    HTML+CSS笔记 CSS进阶续集_第4张图片 
    
       
   
       
   
      
     盒子的边框称为border  
   
       
   
       
    
       
   
       
   
      
     总结:盒子模型主要涉及到了盒子的三个属性内填充(padding),外边距(margin)以及边框(border).那么重点是它们都有四个方向 
    
      上,下,左,右 
     top,right,bottom,left. 
   
       
   
      
       
    HTML+CSS笔记 CSS进阶续集_第5张图片 
   
       
   
      
     上面的块级标签都具有盒子模型的特点. 
   
       
   
       
    
       
   
       
   
       
    
       
    
      边框
       
   
       
   
       
    盒子模型的 
    边框 
    就是围绕着 
    内容 
    及 
    补白 
    的线，这条线你可以设置它的 
    粗细 
    、 
    样式 
    和 
    颜色 
    (边框三个属性)。 
    
       
   
       
   
       
    语法: 
   
       
   
       
    
       
     
       
     
         
      
      1. div{
        2.  
      
      2.  border:2px solid red;
        3.  
      
      3. }
        4.  
     
       
    
       
    
      
      上面的代码实现了把边框设置为粗细2px,样式是实心的,颜色是红色的.这个是缩写的,分开写就是: 
    
       
    
       
     
       
      
       
      
         
       
      1. div{
        2.  
       
      2.  border-width:2px;
        3.  
       
      3.  border-style:solid;
        4.  
       
      4.  border-color:red;
        5.  
       
      5. }
        6.  
      
       
     
       
     
      
       attention: 
     
       
    
       
    
       
     
      1、border-style（边框样式）常见样式有：
       
     
      dashed（虚线）| dotted（点线）| solid（实线）。
       
     

      2、border-color（边框颜色）中的颜色可设置为十六进制颜色，如:
       
    
       
   
       
   
       
    
       
     
       
     
         
      
      1. border-color:#888;//前面的井号不要忘掉。
        2.  
     
       
    
       
    
       
     
      3、border-width（边框宽度）中的宽度也可以设置为：
       
     
      thin | medium | thick（但不是很常用），最常还是用象素（px）。
       
    
       
   
       
   
       
    
       
   
       
   
       
    
       
   
       
   
       
    现在有一个问题，如果有想为 p 标签 
    单独 
    设置 
    下边框 
    ，而其它三边都不设置边框样式怎么办呢？ 
    
       
   
       
   
       
    语法: 
   
       
   
       
    
       
     
       
     
         
      
      1. div{border-bottom:1px solid red;}
        2.  
     
       
    
       
    
      
      这样通过CSS控制了只在下面这方向设置边框 
    
       
    
      
      当然也可以同时只设置三个方向 
    
       
    
       
     
       
      
       
      
         
       
      1. border-top:1px solid red;
        2.  
       
      2. border-right:1px solid red; 
        3.  
       
      3. border-left:1px solid red;
        4.  
      
       
     
       
     
       
      
       
      
      宽度和高度
       
     
       
    
       
   
       
   
       
    盒模型宽度和高度和我们平常所说的物体的宽度和高度理解是不一样的，css内定义的宽（width）和高（height），指的是填充以里的 
    内容范围 
    。 
   
       
   
       
    因此一个 
    元素实际宽度 
    （盒子的宽度）=左边界+左边框+左填充+内容宽度+右填充+右边框+右边界。 
    
       
   
       
   
       
    
       
   
       
   
       
    HTML+CSS笔记 CSS进阶续集_第6张图片 
    
       
   
       
   
      
     当然,元素的高度同理 
   
       
   
      
     语法: 
   
       
   
       
    
       
     
       
     
         
      
      1. div{
        2.  
      
      2.  width:200px;
        3.  
      
      3.  padding:20px;
        4.  
      
      4.  border:1px solid red;
        5.  
      
      5.  margin:10px; 
        6.  
      
      6. }
        7.  
     
       
    
       
    
       
     
       
      
       
      
         
       
        2.  
       
      2.  
        文本内容
        3.  
       
        4.  
      
       
     
       
    
       
   
       
   
       
    HTML+CSS笔记 CSS进阶续集_第7张图片 
    
       
   
       
   
       
    举个栗子: 
   
       
   
       
    这个元素的实际长度就是:0px+1px+20px+198px+20px+1px+0px=240px 
   
       
   
       
    
       
    
      填充
       
   
       
   
       
    元素 
    内容 
    与 
    边框 
    之间是可以设置距离的，称之为“ 
    填充 
    ”。填充也可分为上、右、下、左(顺时针)。 
    
       
   
       
   
       
    语法: 
   
       
   
       
    
       
     
       
     
         
      
      1. div{padding:20px 10px 15px 30px;}
        2.  
     
       
    
       
    
       
     顺序一定不要搞混。top,right,bottom,left 
     
       
    
       
    
       
     当然也可以分开写 
    
       
    
       
     
       
      
       
      
         
       
      1. div{
        2.  
       
      2.  padding-top:20px;
        3.  
       
      3.  padding-right:10px;
        4.  
       
      4.  padding-bottom:15px;
        5.  
       
      5.  padding-left:30px;
        6.  
       
      6. }
        7.  
      
       
     
       
     
       
      如果上、右、下、左的填充都为10px 
      
       
     
       
    
       
   
       
   
       
    
       
     
       
     
         
      
      1. div{padding:10px;}
        2.  
     
       
    
       
    
       
     如果上下填充一样为10px，左右一样为20px 
     
       
    
       
   
       
   
       
    
       
     
       
     
         
      
      1. div{padding:10px 20px;}
        2.  
     
       
    
       
    
       
     
       
     
      边界
       
    
       
   
       
   
       
    元素与其它元素之间的距离可以使用边界（margin）来设置。边界也是可分为上、右、下、左 
    
       
   
       
   
       
    语法: 
   
       
   
       
    
       
     
       
     
         
      
      1. div{margin:20px 10px 15px 30px;}
        2.  
     
       
    
       
    
      
      当然可以分开写 
    
       
    
       
     
       
      
       
      
         
       
      1. div{
        2.  
       
      2.  margin-top:20px;
        3.  
       
      3.  margin-right:10px;
        4.  
       
      4.  margin-bottom:15px;
        5.  
       
      5.  margin-left:30px;
        6.  
       
      6. }
        7.  
      
       
     
       
     
       
      如果上右下左的边界都为10px 
      
       
     
       
    
       
   
       
   
       
    
       
     
       
     
         
      
      1. div{ margin:10px;}
        2.  
     
       
    
       
    
       
     如果上下边界一样为10px，左右一样为20px 
     
       
    
       
   
       
   
       
    
       
     
       
     
         
      
      1. div{ margin:10px 20px;}
        2.  
     
       
    
       
    
      
      总结一下: 
    
       
   
       
   
       
    padding和margin的区别， 
    padding在边框里，margin在边框外。 
    
       
   
       
   
       
    
       
   
       
   
       
    
       
   
       
   
       
    
       
   
       
   
       
    
       
   
       
   
       
    
       
   
       
   
       
    
       
   
       
   
       
    
       
   
       
   
       
    
       
   
       
   
       
    
       
   
       
   
       
    
       
   
       
   
       
    
       
   
       
   
       
    
       
   
       
   
       
    
       
   
       
   
       
    
       
   
       
   
       
    
       
   
       
   
       
    
       
   
       
   
       
    
       
   
       
   
       
    
       
   
       
   
       
    
       
   
       
   
       
    
       
   
       
   
       
    
       
   
       
   
       
    
       
   
       
   
       
    
       
   
       
   
       
    
       
   
       
   
       
   
       
   
      
     来自为知笔记(Wiz) 
   
       
   
       
   
       
  
       
  
      转载于:https://www.cnblogs.com/echorep/p/5185720.html
       
  

                            
                        
                    
                    
                    
      
                    
                    
                    
      
                
                
      
                    
                
      
            
        
    
    
      
        
      你可能感兴趣的:(HTML+CSS笔记 CSS进阶续集)
      
        
      
            
      
                
        
                    
      • 10月|愿你的青春不负梦想-读书笔记-01
                        Tracy的小书斋

                        
        本书的作者是俞敏洪，大家都很熟悉他了吧。俞敏洪老师是我行业的领头羊吧，也是我事业上的偶像。本日摘录他书中第一章中的金句：『一个人如果什么目标都没有，就会浑浑噩噩，感觉生命中缺少能量。能给我们能量的，是对未来的期待。第一件事，我始终为了进步而努力。与其追寻全世界的骏马，不如种植丰美的草原，到时骏马自然会来。第二件事，我始终有阶段性的目标。什么东西能给我能量？答案是对未来的期待。』读到这里的时候，我便
        
                    
        • 
                    
      • 《投行人生》读书笔记
                        小蘑菇的树洞

                        
        《投行人生》----作者詹姆斯-A-朗德摩根斯坦利副主席40年的职业洞见-很短小精悍的篇幅，比较适合初入职场的新人。第一部分成功的职业生涯需要规划1.情商归为适应能力分享与协作同理心适应能力，更多的是自我意识，你有能力识别自己的情并分辨这些情绪如何影响你的思想和行为。2.对于初入职场的人的建议，细节，截止日期和数据很重要截止日期，一种有效的方法是请老板为你所有的任务进行优先级排序。和老板喝咖啡的好
        
                    
        • 
                    
      • 【一起学Rust | 设计模式】习惯语法——使用借用类型作为参数、格式化拼接字符串、构造函数
                        广龙宇
一起学Rust#Rust设计模式rust设计模式开发语言
                        
        提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、使用借用类型作为参数二、格式化拼接字符串三、使用构造函数总结前言Rust不是传统的面向对象编程语言，它的所有特性，使其独一无二。因此，学习特定于Rust的设计模式是必要的。本系列文章为作者学习《Rust设计模式》的学习笔记以及自己的见解。因此，本系列文章的结构也与此书的结构相同（后续可能会调成结构），基本上分为三个部分
        
                    
        • 
                    
      • git常用命令笔记
                        咩酱-小羊
git笔记
                        
        ###用习惯了idea总是不记得git的一些常见命令，需要用到的时候总是担心旁边站了人~~~记个笔记@_@，告诉自己看笔记不丢人初始化初始化一个新的Git仓库gitinit配置配置用户信息gitconfig--globaluser.name"YourName"gitconfig--globaluser.email"[email protected]"基本操作克隆远程仓库gitclone查看
        
                    
        • 
                    
      • 第四天旅游线路预览——从换乘中心到喀纳斯湖
                        陟彼高冈yu
基于Googleearthstudio的旅游规划和预览旅游
                        
        第四天：从贾登峪到喀纳斯风景区入口，晚上住宿贾登峪；换乘中心有4路车，喀纳斯①号车，去喀纳斯湖，路程时长约5分钟；将上面的的行程安排进行动态展示，具体步骤见”Googleearthstudio进行动态轨迹显示制作过程“、“Googleearthstudio入门教程”和“Googleearthstudio进阶教程“相关内容，得到行程如下所示：Day4-2-480p
        
                    
        • 
                    
      • Goolge earth studio 进阶4——路径修改与平滑
                        陟彼高冈yu
Googleearthstudio进阶教程旅游
                        
        如果我们希望在大约中途时获得更多的城市鸟瞰视角。可以将相机拖动到这里并创建一个新的关键帧。camera_target_clip_7EarthStudio会自动平滑我们的路径，所以当我们通过这个关键帧时，不是一个生硬的角度，而是一个平滑的曲线。camera_target_clip_8路径上有贝塞尔控制手柄，允许我们调整路径的形状。右键单击，我们可以选择“平滑路径”，这是默认的自动平滑算法，或者我们可
        
                    
        • 
                    
      • 509. 斐波那契数(每日一题)
                        lzyprime

                        
        lzyprime博客(github)创建时间：2021.01.04qq及邮箱：2383518170leetcode笔记题目描述斐波那契数，通常用F(n)表示，形成的序列称为斐波那契数列。该数列由0和1开始，后面的每一项数字都是前面两项数字的和。也就是：F(0)=0，F(1)=1F(n)=F(n-1)+F(n-2)，其中n>1给你n，请计算F(n)。示例1：输入：2输出：1解释：F(2)=F(1)+
        
                    
        • 
                    
      • 拥有断舍离的心态，过精简生活--《断舍离》读书笔记
                        爱吃丸子的小樱桃

                        
        不知不觉间房间里的东西越来越多，虽然摆放整齐，但也时常会觉得空间逼仄，令人心生烦闷。抱着断舍离的态度，我开始阅读《断舍离》这本书，希望从书中能找到一些有效的方法，帮助我实现空间、物品上的断舍离。《断舍离》是日本作家山下英子通过自己的经历、思考和实践总结而成的，整体内涵也从刚开始的私人生活哲学的“断舍离”升华成了“人生实践哲学”，接着又成为每个人都能实行的“改变人生的断舍离”，从“哲学”逐渐升华成“
        
                    
        • 
                    
      • 四章-32-点要素的聚合
                        彩云飘过

                        
        本文基于腾讯课堂老胡的课《跟我学Openlayers--基础实例详解》做的学习笔记，使用的openlayers5.3.xapi。源码见1032.html，对应的官网示例https://openlayers.org/en/latest/examples/cluster.htmlhttps://openlayers.org/en/latest/examples/earthquake-clusters.
        
                    
        • 
                    
      • DIV+CSS+JavaScript技术制作网页（旅游主题网页设计与制作）云南大理
                        STU学生网页设计
网页设计期末网页作业html静态网页html5期末大作业网页设计web大作业
                        
        ️精彩专栏推荐作者主页:【进入主页—获取更多源码】web前端期末大作业：【HTML5网页期末作业(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】文章目录二、网站介绍三、网站效果▶️1.视频演示2.图片演示四、网站代码HTML结构代码CSS样式代码五、更多源码二、网站介绍网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。网站程
        
                    
        • 
                    
      • 高端密码学院笔记285
                        柚子_b4b4

                        
        高端幸福密码学院（高级班）幸福使者：李华第（598）期《幸福》之回归内在深层生命原动力基础篇——揭秘“激励”成长的喜悦心理案例分析主讲：刘莉一，知识扩充:成功=艰苦劳动+正确方法+少说空话。贪图省力的船夫，目标永远下游。智者的梦再美，也不如愚人实干的脚印。幸福早课堂2020.10.16星期五一笔记:1，重视和珍惜的前提是知道它的价值非常重要，当你珍惜了，你就真正定下来，真正的学到身上。2，大家需要
        
                    
        • 
                    
      • 关于城市旅游的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：做与用户的交互行为文章目录前端学习路线
        
                    
        • 
                    
      • Day17笔记-高阶函数
                        ~在杰难逃~
Python笔记python开发语言pycharm数据分析
                        
        高阶函数【重点掌握】函数的本质：函数是一个变量，函数名是一个变量名，一个函数可以作为另一个函数的参数或返回值使用如果A函数作为B函数的参数，B函数调用完成之后，会得到一个结果，则B函数被称为高阶函数常用的高阶函数：map(),reduce(),filter(),sorted()1.map()map(func,iterable)，返回值是一个iterator【容器，迭代器】func:函数iterab
        
                    
        • 
                    
      • Day1笔记-Python简介&标识符和关键字&输入输出
                        ~在杰难逃~
Pythonpython开发语言大数据数据分析数据挖掘
                        
        大家好，从今天开始呢，杰哥开展一个新的专栏，当然，数据分析部分也会不定时更新的，这个新的专栏主要是讲解一些Python的基础语法和知识，帮助0基础的小伙伴入门和学习Python，感兴趣的小伙伴可以开始认真学习啦！一、Python简介【了解】1.计算机工作原理编程语言就是用来定义计算机程序的形式语言。我们通过编程语言来编写程序代码，再通过语言处理程序执行向计算机发送指令，让计算机完成对应的工作，编程
        
                    
        • 
                    
      • 每日算法&面试题，大厂特训二十八天——第二十天（树）
                        肥学
⚡算法题⚡面试题每日精进java算法数据结构
                        
        目录标题导读算法特训二十八天面试题点击直接资料领取导读肥友们为了更好的去帮助新同学适应算法和面试题，最近我们开始进行专项突击一步一步来。上一期我们完成了动态规划二十一天现在我们进行下一项对各类算法进行二十八天的一个小总结。还在等什么快来一起肥学进行二十八天挑战吧！！特别介绍小白练手专栏，适合刚入手的新人欢迎订阅编程小白进阶python有趣练手项目里面包括了像《机器人尬聊》《恶搞程序》这样的有趣文章
        
                    
        • 
                    
      • webpack图片等资源的处理
                        dmengmeng

                        
        需要的loaderfile-loader（让我们可以引入这些资源文件）url-loader（其实是file-loader的二次封装）img-loader（处理图片所需要的）在没有使用任何处理图片的loader之前，比如说css中用到了背景图片，那么最后打包会报错的，因为他没办法处理图片。其实你只想能够使用图片的话。只加一个file-loader就可以，打开网页能准确看到图片。{test:/\.(p
        
                    
        • 
                    
      • node.js学习
                        小猿L
node.jsnode.js学习vim
                        
        node.js学习实操及笔记温故node.js，node.js学习实操过程及笔记~node.js学习视频node.js官网node.js中文网实操笔记githubcsdn笔记为什么学node.js可以让别人访问我们编写的网页为后续的框架学习打下基础，三大框架vuereactangular离不开node.jsnode.js是什么官网：node.js是一个开源的、跨平台的运行JavaScript的运行
        
                    
        • 
                    
      • 数据仓库——维度表一致性
                        墨染丶eye
背诵数据仓库
                        
        数据仓库基础笔记思维导图已经整理完毕，完整连接为：数据仓库基础知识笔记思维导图维度一致性问题从逻辑层面来看，当一系列星型模型共享一组公共维度时，所涉及的维度称为一致性维度。当维度表存在不一致时，短期的成功难以弥补长期的错误。维度时确保不同过程中信息集成起来实现横向钻取货活动的关键。造成横向钻取失败的原因维度结构的差别，因为维度的差别，分析工作涉及的领域从简单到复杂，但是都是通过复杂的报表来弥补设计
        
                    
        • 
                    
      • 【Git】常见命令(仅笔记)
                        好想有猫猫
GitLinux学习笔记git笔记elasticsearchlinuxc++
                        
        文章目录创建/初始化本地仓库添加本地仓库配置项提交文件查看仓库状态回退仓库查看日志分支删除文件暂存工作区代码远程仓库使用`.gitigore`文件让git不追踪一些文件标签创建/初始化本地仓库gitinit添加本地仓库配置项gitconfig-l#以列表形式显示配置项gitconfiguser.name"ljh"#配置user.namegitconfiguser.email"[email protected]
        
                    
        • 
                    
      • 为什么你总是对下属不满意?
                        ZhaoWu1050

                        
        【ZhaoWu的听课笔记】大多数公司，都存在两种问题。我创业四年，更是体会深切。这两种问题就是：老板经常不满意下属的表现；下属总是不知道老板想要什么；虽然这两种问题普遍存在，其实解决方法并不复杂。这节课，我们再聊聊第一个问题：为什么老板经常不满意下属表现?其实，这背后也是一条管理常识。管理学家德鲁克先生早就说过：管理者的任务，不是去改变人。*来自《卓有成效的管理者》只是大多数老板和我一样，都是一边
        
                    
        • 
                    
      • 母亲节如何做小红书营销
                        美橙传媒

                        
        小红书的一举一动引起了外界的高度关注。通过爆款笔记和流行话题，我们可以看到“干货”类型的内容在小红书中偏向实用的生活经验共享和生活指南非常受欢迎。根据运营社的分析，这种现象是由小红书用户心智和内容社区背后机制共同决定的。首先，小红书将使用“强搜索”逻辑为用户提供特定的“搜索场景”。在“我必须这样生活”中，大量使用了满足小红书站用户喜好和需求的内容。内容社区自制的高质量内容也吸引了寻找营销新途径的品
        
                    
        • 
                    
      • 读书笔记|《遇见孩子，遇见更好的自己》5
                        抹茶社长

                        
        为人父母意味着放弃自己的过去，不要对以往没有实现的心愿耿耿于怀，只有这样，孩子们才能做回自己。985909803.jpg孩子在与父母保持亲密的同时更需要独立，唯有这样，孩子才会成为孩子，父母才会成其为父母。有耐心的人生往往更幸福，给孩子留点余地。认识到养儿育女是对耐心的考验。为失败做好心理准备，教会孩子控制情绪。了解自己的底线，说到底线，有一点很重要，父母之所以发脾气，真正的原因往往在于他们自己，
        
                    
        • 
                    
      • 基于Python给出的PDF文档转Markdown文档的方法
                        程序媛了了
pythonpdf开发语言
                        
        注：网上有很多将Markdown文档转为PDF文档的方法，但是却很少有将PDF文档转为Markdown文档的方法。就算有，比如某些网站声称可以将PDF文档转为Markdown文档，尝试过，不太符合自己的要求，而且无法保证文档没有泄露风险。于是本人为了解决这个问题，借助GPT（能使用GPT镜像或者有条件直接使用GPT的，反正能调用GPT接口就行）生成Python代码来完成这个功能。笔记、代码难免存在
        
                    
        • 
                    
      • 语文主题教学学习笔记之87
                        东哥杂谈

                        
        “语文主题教学”学习笔记之八十七（0125）今天继续学习小学语文主题教学的实践样态。板块三：教学中体现“书艺”味道。作为四大名著之一的《水浒传》，堪称我国文学宝库之经典。对从《水浒传》中摘选的单元，教师就要了解其原生态，即评书体特点。这也要求教师要了解一些常用的评书行话术语，然后在教学时适时地加入一些，让学生体味其文本中原有的特色。学生也要尽可能地通过朗读的方式，而不单是分析讲解的方式进行学习。细
        
                    
        • 
                    
      • Armv8.3 体系结构扩展--原文版
                        代码改变世界ctw
ARM-TEE-Androidarmv8嵌入式arm架构安全架构芯片TrustzoneSecureboot
                        
        快速链接:.ARMv8/ARMv9架构入门到精通-[目录]付费专栏-付费课程【购买须知】:个人博客笔记导读目录(全部)TheArmv8.3architectureextensionTheArmv8.3architectureextensionisanextensiontoArmv8.2.Itaddsmandatoryandoptionalarchitecturalfeatures.Somefeat
        
                    
        • 
                    
      • 2023-08-20
                        圆梦菌

                        
        魔力宝贝最详细新手教程，新手该如何完美开局，建议收藏转发2023-08-2010:34《魔力宝贝》手游体力是什么?魔力宝贝体力恢复机制是每10分钟回复1点；体力作用：挑战关卡需消耗体力体力获取方式1、好友每天可以赠送15次，也就是15点体力2、系统每天中午12点以及下午6点赠送25体3、在商城使用神石购买《魔力宝贝》手游战斗力如何提升?1、宠物强化宠物通过融合进阶后可以大幅度提升战力，最高级的宠物
        
                    
        • 
                    
      • springboot+vue项目实战一-创建SpringBoot简单项目
                        苹果酱0567
面试题汇总与解析springboot后端java中间件开发语言
                        
        这段时间抽空给女朋友搭建一个个人博客，想着记录一下建站的过程，就当做笔记吧。虽然复制zjblog只要一个小时就可以搞定一个网站，或者用cms系统，三四个小时就可以做出一个前后台都有的网站，而且想做成啥样也都行。但是就是要从新做，自己做的意义不一样，更何况，俺就是专门干这个的，嘿嘿嘿要做一个网站，而且从零开始，首先呢就是技术选型了，经过一番思量决定选择-SpringBoot做后端，前端使用Vue做一
        
                    
        • 
                    
      • 阅读《认知觉醒》读书笔记
                        就看看书

                        
        本周阅读了周岭的《认知觉醒开启自我改变的原动力》，启发较多，故做读书笔记一则，留待学习。全书共八章，讲述了大脑、潜意识、元认知、专注力、学习力、行动力、情绪力及成本最低的成长之道。具体描述了大脑、焦虑、耐心、模糊、感性、元认知、自控力、专注力、情绪专注、学习专注、匹配、深度、关联、体系、打卡、反馈、休息、清晰、傻瓜、行动、心智宽带、单一视角、游戏心态、早起、冥想、阅读、写作、运动等相关知识点。大脑
        
                    
        • 
                    
      • 阅读笔记：阅读方法中的逻辑和转念
                        施吉涛

                        
        聊聊一些阅读的方法论吧，别人家的读书方法刚开始想写，然后就不知道写什么了，因为作者写的非常的“精致”我有一种乡巴佬进城的感觉，看到精美的摆盘，精致的食材不知道该如何下口也就是《阅读的方法》，我们姑且来试一下强劲的大脑篇，第一节：逻辑通俗的来讲，也就是表达的排列和顺序，再进一步就是因果关系和关联实际上书已经看了大概一遍，但直到打算写一下笔记的时候，才发现作者讲的推理更多的是阅读的对象中呈现出的逻辑也
        
                    
        • 
                                
      • java封装继承多态等
                                    麦田的设计者
javaeclipsejvmcencapsulatopn
                                    
               最近一段时间看了很多的视频却忘记总结了，现在只能想到什么写什么了，希望能起到一个回忆巩固的作用。 
    1、final关键字 
      译为：最终的 
       &
        
                                
        • 
                                
      • F5与集群的区别
                                    bijian1013
weblogic集群F5
                                    
                http请求配置不是通过集群，而是F5；集群是weblogic容器的，如果是ejb接口是通过集群。 
        F5同集群的差别，主要还是会话复制的问题，F5一把是分发http请求用的，因为http都是无状态的服务，无需关注会话问题，类似
        
                                
        • 
                                
      • LeetCode[Math] - #7 Reverse Integer
                                    Cwind
java题解MathLeetCodeAlgorithm
                                    
        原题链接：#7 Reverse Integer 
  
要求： 
按位反转输入的数字 
例1： 输入 x = 123, 返回 321 
例2： 输入 x = -123, 返回 -321 
  
难度：简单 
  
分析： 
对于一般情况，首先保存输入数字的符号，然后每次取输入的末位（x%10）作为输出的高位（result = result*10 + x%10）即可。但
        
                                
        • 
                                
      • BufferedOutputStream
                                    周凡杨

                                    
             首先说一下这个大批量，是指有上千万的数据量。 
     例子： 
     有一张短信历史表，其数据有上千万条数据，要进行数据备份到文本文件，就是执行如下SQL然后将结果集写入到文件中！ 
     select t.msisd
        
                                
        • 
                                
      • linux下模拟按键输入和鼠标
                                    被触发
linux
                                    
        查看/dev/input/eventX是什么类型的事件， cat /proc/bus/input/devices 
设备有着自己特殊的按键键码，我需要将一些标准的按键，比如0－9，X－Z等模拟成标准按键，比如KEY_0,KEY-Z等，所以需要用到按键 模拟，具体方法就是操作/dev/input/event1文件，向它写入个input_event结构体就可以模拟按键的输入了。 
 
linux/in
        
                                
        • 
                                
      • ContentProvider初体验
                                    肆无忌惮_
ContentProvider
                                    
        ContentProvider在安卓开发中非常重要。与Activity，Service，BroadcastReceiver并称安卓组件四大天王。 
在android中的作用是用来对外共享数据。因为安卓程序的数据库文件存放在data/data/packagename里面，这里面的文件默认都是私有的，别的程序无法访问。 
如果QQ游戏想访问手机QQ的帐号信息一键登录，那么就需要使用内容提供者COnte
        
                                
        • 
                                
      • 关于Spring MVC项目（maven）中通过fileupload上传文件
                                    843977358
mybatisspring mvc修改头像上传文件upload
                                    
        Spring MVC 中通过fileupload上传文件，其中项目使用maven管理。 
  
1.上传文件首先需要的是导入相关支持jar包：commons-fileupload.jar,commons-io.jar 
因为我是用的maven管理项目，所以要在pom文件中配置（每个人的jar包位置根据实际情况定） 
<!-- 文件上传 start by zhangyd-c --&g
        
                                
        • 
                                
      • 使用svnkit api，纯java操作svn，实现svn提交，更新等操作
                                    aigo
svnkit
                                    
         原文：http://blog.csdn.net/hardwin/article/details/7963318 
  
import java.io.File;  
  
import org.apache.log4j.Logger;  
import org.tmatesoft.svn.core.SVNCommitInfo;  
import org.tmateso
        
                                
        • 
                                
      • 对比浏览器，casperjs，httpclient的Header信息
                                    alleni123
爬虫crawlerheader
                                    
        		@Override
		protected void doGet(HttpServletRequest req, HttpServletResponse res) throws ServletException, IOException
		{
			String type=req.getParameter("type");
			Enumeration es=re
        
                                
        • 
                                
      • java.io操作 DataInputStream和DataOutputStream基本数据流
                                    百合不是茶
java流
                                    
        1，java中如果不保存整个对象，只保存类中的属性，那么我们可以使用本篇文章中的方法，如果要保存整个对象  先将类实例化  后面的文章将详细写到 
  
  
2，DataInputStream 是java.io包中一个数据输入流允许应用程序以与机器无关方式从底层输入流中读取基本 Java 数据类型。应用程序可以使用数据输出流写入稍后由数据输入流读取的数据。
        
                                
        • 
                                
      • 车辆保险理赔案例
                                    bijian1013
车险
                                    
        理赔案例： 
一货运车，运输公司为车辆购买了机动车商业险和交强险，也买了安全生产责任险，运输一车烟花爆竹，在行驶途中发生爆炸，出现车毁、货损、司机亡、炸死一路人、炸毁一间民宅等惨剧，针对这几种情况，该如何赔付。 
赔付建议和方案： 
客户所买交强险在这里不起作用，因为交强险的赔付前提是：“机动车发生道路交通意外事故”； 
如果是交通意外事故引发的爆炸，则优先适用交强险条款进行赔付，不足的部分由商业
        
                                
        • 
                                
      • 学习Spring必学的Java基础知识(5)—注解
                                    bijian1013
javaspring
                                    
                文章来源：http://www.iteye.com/topic/1123823，整理在我的博客有两个目的：一个是原文确实很不错，通俗易懂，督促自已将博主的这一系列关于Spring文章都学完；另一个原因是为免原文被博主删除，在此记录，方便以后查找阅读。 
  
        有必要对
        
                                
        • 
                                
      • 【Struts2一】Struts2 Hello World
                                    bit1129
Hello world
                                    
        Struts2 Hello World应用的基本步骤 
创建Struts2的Hello World应用，包括如下几步： 
1.配置web.xml 
2.创建Action 
3.创建struts.xml，配置Action 
4.启动web server，通过浏览器访问 
  配置web.xml 
<?xml version="1.0" encoding="
        
                                
        • 
                                
      • 【Avro二】Avro RPC框架
                                    bit1129
rpc
                                    
        1. Avro RPC简介 1.1. RPC 
 
 RPC逻辑上分为二层，一是传输层，负责网络通信；二是协议层，将数据按照一定协议格式打包和解包 
 从序列化方式来看，Apache Thrift 和Google的Protocol Buffers和Avro应该是属于同一个级别的框架，都能跨语言，性能优秀，数据精简，但是Avro的动态模式（不用生成代码，而且性能很好）这个特点让人非常喜欢，比较适合R
        
                                
        • 
                                
      • lua　set get cookie
                                    ronin47
lua cookie
                                    
        lua:
local access_token = ngx.var.cookie_SGAccessToken
if access_token then
    ngx.header["Set-Cookie"] = "SGAccessToken="..access_token.."; path=/;Max-Age=3000"
end
        
                                
        • 
                                
      • java-打印不大于N的质数
                                    bylijinnan
java
                                    
        

public class PrimeNumber {

	/**
	 * 寻找不大于N的质数
	 */
	public static void main(String[] args) {
		int n=100;
		PrimeNumber pn=new PrimeNumber();
		pn.printPrimeNumber(n);
		System.out.print
        
                                
        • 
                                
      • Spring源码学习-PropertyPlaceholderHelper
                                    bylijinnan
javaspring
                                    
        今天在看Spring 3.0.0.RELEASE的源码，发现PropertyPlaceholderHelper的一个bug 
当时觉得奇怪，上网一搜，果然是个bug，不过早就有人发现了，且已经修复： 
详见： 
http://forum.spring.io/forum/spring-projects/container/88107-propertyplaceholderhelper-bug 
 

        
                                
        • 
                                
      • [逻辑与拓扑]布尔逻辑与拓扑结构的结合会产生什么?
                                    comsci
拓扑
                                    
         
   如果我们已经在一个工作流的节点中嵌入了可以进行逻辑推理的代码,那么成百上千个这样的节点如果组成一个拓扑网络,而这个网络是可以自动遍历的,非线性的拓扑计算模型和节点内部的布尔逻辑处理的结合,会产生什么样的结果呢? 
 
   是否可以形成一种新的模糊语言识别和处理模型呢?  大家有兴趣可以试试,用软件搞这些有个好处,就是花钱比较少,就算不成
        
                                
        • 
                                
      • ITEYE 都换百度推广了
                                    cuisuqiang
GoogleAdSense百度推广广告外快
                                    
        以前ITEYE的广告都是谷歌的Google AdSense，现在都换成百度推广了。 
  
为什么个人博客设置里面还是Google AdSense呢？ 
  
都知道Google AdSense不好申请，这在ITEYE上也不是讨论了一两天了，强烈建议ITEYE换掉Google AdSense。至少，用一个好申请的吧。 
  
什么时候能从ITEYE上来点外快，哪怕少点
        
                                
        • 
                                
      • 新浪微博技术架构分析
                                    dalan_123
新浪微博架构
                                    
        新浪微博在短短一年时间内从零发展到五千万用户，我们的基层架构也发展了几个版本。第一版就是是非常快的，我们可以非常快的实现我们的模块。我们看一下技术特点，微博这个产品从架构上来分析，它需要解决的是发表和订阅的问题。我们第一版采用的是推的消息模式，假如说我们一个明星用户他有10万个粉丝，那就是说用户发表一条微博的时候，我们把这个微博消息攒成10万份，这样就是很简单了，第一版的架构实际上就是这两行字。第
        
                                
        • 
                                
      • 玩转ARP攻击
                                    dcj3sjt126com
r
                                    
        我写这片文章只是想让你明白深刻理解某一协议的好处。高手免看。如果有人利用这片文章所做的一切事情，盖不负责。 网上关于ARP的资料已经很多了，就不用我都说了。 用某一位高手的话来说，“我们能做的事情很多，唯一受限制的是我们的创造力和想象力”。 ARP也是如此。 以下讨论的机子有 一个要攻击的机子：10.5.4.178 硬件地址：52:54:4C:98
        
                                
        • 
                                
      • PHP编码规范
                                    dcj3sjt126com
编码规范
                                    
        一、文件格式 
1. 对于只含有 php 代码的文件，我们将在文件结尾处忽略掉 "?>" 。这是为了防止多余的空格或者其它字符影响到代码。例如：<?php$foo = 'foo';2. 缩进应该能够反映出代码的逻辑结果，尽量使用四个空格，禁止使用制表符TAB，因为这样能够保证有跨客户端编程器软件的灵活性。例
        
                                
        • 
                                
      • linux 脱机管理（nohup）
                                    eksliang
linux nohupnohup
                                    
        脱机管理 nohup 
转载请出自出处：http://eksliang.iteye.com/blog/2166699 
nohup可以让你在脱机或者注销系统后，还能够让工作继续进行。他的语法如下 
nohup [命令与参数]   --在终端机前台工作
nohup [命令与参数] & --在终端机后台工作 
  
但是这个命令需要注意的是，nohup并不支持bash的内置命令，所
        
                                
        • 
                                
      • BusinessObjects Enterprise Java SDK
                                    greemranqq
javaBOSAPCrystal Reports
                                    
        最近项目用到oracle_ADF  从SAP/BO 上调用 水晶报表，资料比较少，我做一个简单的分享，给和我一样的新手 提供更多的便利。 
  
首先，我是尝试用JAVA JSP 去访问的。 
  
官方API：http://devlibrary.businessobjects.com/BusinessObjectsxi/en/en/BOE_SDK/boesdk_ja
        
                                
        • 
                                
      • 系统负载剧变下的管控策略
                                    iamzhongyong
高并发
                                    
        假如目前的系统有100台机器，能够支撑每天1亿的点击量（这个就简单比喻一下），然后系统流量剧变了要，我如何应对，系统有那些策略可以处理，这里总结了一下之前的一些做法。 
1、水平扩展 
这个最容易理解，加机器，这样的话对于系统刚刚开始的伸缩性设计要求比较高，能够非常灵活的添加机器，来应对流量的变化。 
2、系统分组 
假如系统服务的业务不同，有优先级高的，有优先级低的，那就让不同的业务调用提前分组
        
                                
        • 
                                
      • BitTorrent DHT 协议中文翻译
                                    justjavac
bit
                                    
        前言 
做了一个磁力链接和BT种子的搜索引擎 {Magnet & Torrent}，因此把 DHT 协议重新看了一遍。 
 
 BEP: 5Title: DHT ProtocolVersion: 3dec52cb3ae103ce22358e3894b31cad47a6f22bLast-Modified: Tue Apr 2 16:51:45 2013 -070
        
                                
        • 
                                
      • Ubuntu下Java环境的搭建
                                    macroli
java工作ubuntu
                                    
        配置命令： 
　　$sudo apt-get install ubuntu-restricted-extras 
　　再运行如下命令： 
　　$sudo apt-get install sun-java6-jdk 
　　待安装完毕后选择默认Java. 
　　$sudo update- alternatives --config java 
　　安装过程提示选择，输入“2”即可，然后按回车键确定。 
        
                                
        • 
                                
      • js字符串转日期（兼容IE所有版本）
                                    qiaolevip
TODateStringIE
                                    
        	/**
	 * 字符串转时间（yyyy-MM-dd HH:mm:ss）
	 * result （分钟）
	 */
	stringToDate : function(fDate){
		var fullDate = fDate.split(" ")[0].split("-");
		var fullTime = fDate.split("
        
                                
        • 
                                
      • 【数据挖掘学习】关联规则算法Apriori的学习与SQL简单实现购物篮分析
                                    superlxw1234
sql数据挖掘关联规则
                                    
        关联规则挖掘用于寻找给定数据集中项之间的有趣的关联或相关关系。 
关联规则揭示了数据项间的未知的依赖关系，根据所挖掘的关联关系，可以从一个数据对象的信息来推断另一个数据对象的信息。 
例如购物篮分析。牛奶 ⇒ 面包 [支持度：3%，置信度：40%]  支持度3%：意味3%顾客同时购买牛奶和面包。   置信度40%：意味购买牛奶的顾客40%也购买面包。   规则的支持度和置信度是两个规则兴
        
                                
        • 
                                
      • Spring 5.0 的系统需求，期待你的反馈
                                    wiselyman
spring
                                    
                
       Spring 5.0将在2016年发布。Spring5.0将支持JDK 9。 
  
       Spring 5.0的特性计划还在工作中，请保持关注，所以作者希望从使用者得到关于Spring 5.0系统需求方面的反馈。 
 
        
                                
        •