<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[MondayCui的博客]]></title><description><![CDATA[]]></description><link>https://blog.csdn.net/MondayCui</link><language>zh-cn</language><generator>https://blog.csdn.net/</generator><copyright><![CDATA[Copyright &copy; MondayCui]]></copyright><item><title><![CDATA[css--浮动的简介]]></title><link>https://blog.csdn.net/MondayCui/article/details/108761064</link><guid>https://blog.csdn.net/MondayCui/article/details/108761064</guid><author>MondayCui</author><pubDate>Wed, 23 Sep 2020 20:39:31 +0800</pubDate><description><![CDATA[通过浮动可以使一个元素向其父元素的左侧或右侧移动
使用 float 属性来设置于元素的浮动
可选值：
none 默认值 ，元素不浮动
left 元素向左浮动
right 元素向右浮动
注意，元素设置浮动以后，水平布局的等式便不需要强制成立
元素设置浮动以后，会完全从文档流中脱离，不再占用文档流的位置，
所以元素下边的还在文档流中的元素会自动向上移动

浮动的特点：
1、浮动元素会完全脱离文档流，不再占据文档流中的位置
2、设置浮动以后元素会向父元素的左侧或右侧移动，
3、浮动元素默认不会从父元素中移出
4.]]></description><category></category></item><item><title><![CDATA[css--轮廓、阴影、圆角]]></title><link>https://blog.csdn.net/MondayCui/article/details/108760094</link><guid>https://blog.csdn.net/MondayCui/article/details/108760094</guid><author>MondayCui</author><pubDate>Wed, 23 Sep 2020 19:58:49 +0800</pubDate><description><![CDATA[轮廓


outline 用来设置元素的轮廓线，用法和border一模一样
轮廓和边框不同的点，就是轮廓不会影响到可见框的大小

&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
    &lt;title&gt;轮.]]></description><category></category></item><item><title><![CDATA[css--盒子的尺寸]]></title><link>https://blog.csdn.net/MondayCui/article/details/108759783</link><guid>https://blog.csdn.net/MondayCui/article/details/108759783</guid><author>MondayCui</author><pubDate>Wed, 23 Sep 2020 19:31:36 +0800</pubDate><description><![CDATA[默认情况下，盒子可见框的大小由内容区、内边距和边框共同决定

              box-sizing 用来设置盒子尺寸的计算方式（设置width和height的作用）
                   可选值：
                   content-box 默认值，宽度和高度用来设置内容区的大小
                   border-box 宽度和高度用来设置整个盒子可见框的大小
                            width 和 height]]></description><category></category></item><item><title><![CDATA[css--浏览器的默认样式]]></title><link>https://blog.csdn.net/MondayCui/article/details/108759108</link><guid>https://blog.csdn.net/MondayCui/article/details/108759108</guid><author>MondayCui</author><pubDate>Wed, 23 Sep 2020 19:04:08 +0800</pubDate><description><![CDATA[单独去除每一个元素的边距

&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
    &lt;title&gt;浏览器的默认样式&lt;/title&gt;
    &lt;style&gt;
        ....]]></description><category></category></item><item><title><![CDATA[css--行内元素的盒模型]]></title><link>https://blog.csdn.net/MondayCui/article/details/108758792</link><guid>https://blog.csdn.net/MondayCui/article/details/108758792</guid><author>MondayCui</author><pubDate>Wed, 23 Sep 2020 18:32:35 +0800</pubDate><description><![CDATA[行内元素的盒模型
                    - 行内元素不支持设置宽度和高度
                    - 行内元素可以设置padding，但是垂直方向padding不会影响页面的布局
                    - 行内元素可以设置border，垂直方向的border不会影响页面的布局
                    - 行内元素可以设置margin，垂直方向的margin不会影响布局

 display 用来设置元素显示的类型
              ]]></description><category></category></item><item><title><![CDATA[css--外边距的折叠]]></title><link>https://blog.csdn.net/MondayCui/article/details/108697614</link><guid>https://blog.csdn.net/MondayCui/article/details/108697614</guid><author>MondayCui</author><pubDate>Sun, 20 Sep 2020 20:02:16 +0800</pubDate><description><![CDATA[垂直外边距的重叠（折叠）
                - 相邻的垂直方向外边距会发生重叠现象
                - 兄弟元素
                    - 兄弟元素间的相邻垂直外边距会取两者之间的较大值（两者都是正值）
                    - 特殊情况：
                        如果相邻的外边距一正一负，则取两者的和
                        如果相邻的外边距都是负值，则取两者中绝对值较大的

        ]]></description><category></category></item><item><title><![CDATA[css--盒子的垂直布局]]></title><link>https://blog.csdn.net/MondayCui/article/details/108697277</link><guid>https://blog.csdn.net/MondayCui/article/details/108697277</guid><author>MondayCui</author><pubDate>Sun, 20 Sep 2020 19:37:02 +0800</pubDate><description><![CDATA[默认情况下父元素的高度被内容撑开

子元素是在父元素的内容区中排列的，
                    如果子元素的大小超过了父元素，则子元素会从父元素中溢出
                    使用 overflow 属性来设置父元素如何处理溢出的子元素

                    可选值：
                        visible，默认值 子元素会从父元素中溢出，在父元素外部的位置显示
                        hidden 溢出内容]]></description><category></category></item><item><title><![CDATA[css--盒子的水平布局]]></title><link>https://blog.csdn.net/MondayCui/article/details/108696872</link><guid>https://blog.csdn.net/MondayCui/article/details/108696872</guid><author>MondayCui</author><pubDate>Sun, 20 Sep 2020 19:07:16 +0800</pubDate><description><![CDATA[元素的水平方向的布局：
                    元素在其父元素中水平方向的位置由以下几个属性共同决定“
                        margin-left
                        border-left
                        padding-left
                        width
                        padding-right
                   ]]></description><category></category></item><item><title><![CDATA[css--盒模型的外边距]]></title><link>https://blog.csdn.net/MondayCui/article/details/108695377</link><guid>https://blog.csdn.net/MondayCui/article/details/108695377</guid><author>MondayCui</author><pubDate>Sun, 20 Sep 2020 17:02:36 +0800</pubDate><description><![CDATA[外边距（margin）
                    - 外边距不会影响盒子可见框的大小
                    - 但是外边距会影响盒子的位置
                    - 一共有四个方向的外边距：
                        margin-top
                            - 上外边距，设置一个正值，元素会向下移动
                        margin-right
             ]]></description><category></category></item><item><title><![CDATA[css--盒模型的内边框]]></title><link>https://blog.csdn.net/MondayCui/article/details/108695075</link><guid>https://blog.csdn.net/MondayCui/article/details/108695075</guid><author>MondayCui</author><pubDate>Sun, 20 Sep 2020 16:44:03 +0800</pubDate><description><![CDATA[内边距（padding）
                    - 内容区和边框之间的距离是内边距
                    - 一共有四个方向的内边距：
                        padding-top
                        padding-right
                        padding-bottom
                        padding-left

                   ]]></description><category></category></item><item><title><![CDATA[css--盒模型的边框]]></title><link>https://blog.csdn.net/MondayCui/article/details/108693966</link><guid>https://blog.csdn.net/MondayCui/article/details/108693966</guid><author>MondayCui</author><pubDate>Sun, 20 Sep 2020 15:36:54 +0800</pubDate><description><![CDATA[边框
                    边框的宽度 border-width
                    边框的颜色 border-color
                    边框的样式 border-style

border-width: 10px; 
                默认值，一般都是 3个像素
                border-width可以用来指定四个方向的边框的宽度
                    值的情况
              ]]></description><category></category></item><item><title><![CDATA[css--盒模型]]></title><link>https://blog.csdn.net/MondayCui/article/details/108693595</link><guid>https://blog.csdn.net/MondayCui/article/details/108693595</guid><author>MondayCui</author><pubDate>Sun, 20 Sep 2020 15:13:55 +0800</pubDate><description><![CDATA[盒模型、盒子模型、框模型（box model）
            - CSS将页面中的所有元素都设置为了一个矩形的盒子
            - 将元素设置为矩形的盒子后，对页面的布局就变成将不同的盒子摆放到不同的位置
            - 每一个盒子都由一下几个部分组成：
                内容区（content）
                内边距（padding）
                边框（border）
                外边距（margin]]></description><category></category></item><item><title><![CDATA[css--文档流]]></title><link>https://blog.csdn.net/MondayCui/article/details/108693286</link><guid>https://blog.csdn.net/MondayCui/article/details/108693286</guid><author>MondayCui</author><pubDate>Sun, 20 Sep 2020 14:50:43 +0800</pubDate><description><![CDATA[文档流（normal flow）
            - 网页是一个多层的结构，一层摞着一层
            - 通过CSS可以分别为每一层来设置样式
            - 作为用户来讲只能看到最顶上一层
            - 这些层中，最底下的一层称为文档流，文档流是网页的基础
                我们所创建的元素默认都是在文档流中进行排列
            - 对于我们来元素主要有两个状态
                在文档流中
              ]]></description><category></category></item><item><title><![CDATA[css--颜色单位]]></title><link>https://blog.csdn.net/MondayCui/article/details/108609089</link><guid>https://blog.csdn.net/MondayCui/article/details/108609089</guid><author>MondayCui</author><pubDate>Tue, 15 Sep 2020 20:42:54 +0800</pubDate><description><![CDATA[颜色单位：
                    在CSS中可以直接使用颜色名来设置各种颜色
                        比如：red、orange、yellow、blue、green ... ...
                        但是在css中直接使用颜色名是非常的不方便

                    RGB值：
                        - RGB通过三种颜色的不同浓度来调配出不同的颜色
                     ]]></description><category></category></item><item><title><![CDATA[css--长度单位]]></title><link>https://blog.csdn.net/MondayCui/article/details/108608361</link><guid>https://blog.csdn.net/MondayCui/article/details/108608361</guid><author>MondayCui</author><pubDate>Tue, 15 Sep 2020 20:18:55 +0800</pubDate><description><![CDATA[像素
                        - 屏幕（显示器）实际上是由一个一个的小点点构成的
                        - 不同屏幕的像素大小是不同的，像素越小的屏幕显示的效果越清晰
                        - 所以同样的200px在不同的设备下显示效果不一样

百分比
                        - 也可以将属性值设置为相对于其父元素属性的百分比
                        - 设置百分比可以使子元素跟随父.]]></description><category></category></item><item><title><![CDATA[css--样式的权重]]></title><link>https://blog.csdn.net/MondayCui/article/details/108607616</link><guid>https://blog.csdn.net/MondayCui/article/details/108607616</guid><author>MondayCui</author><pubDate>Tue, 15 Sep 2020 19:52:22 +0800</pubDate><description><![CDATA[样式的冲突
                - 当我们通过不同的选择器，选中相同的元素，并且为相同的样式设置不同的值时，此时就发生了样式的冲突。

            发生样式冲突时，应用哪个样式由选择器的权重（优先级）决定

            选择器的权重
                内联样式        1,0,0,0
                id选择器        0,1,0,0
                类和伪类选择器   0,0,1,0
              ]]></description><category></category></item><item><title><![CDATA[css--样式的继承]]></title><link>https://blog.csdn.net/MondayCui/article/details/108607038</link><guid>https://blog.csdn.net/MondayCui/article/details/108607038</guid><author>MondayCui</author><pubDate>Tue, 15 Sep 2020 19:19:03 +0800</pubDate><description><![CDATA[样式的继承，我们为一个元素设置的样式同时也会应用到它的后代元素上

            继承是发生在祖先后后代之间的

            继承的设计是为了方便我们的开发，
                利用继承我们可以将一些通用的样式统一设置到共同的祖先元素上，
                    这样只需设置一次即可让所有的元素都具有该样式

            注意：并不是所有的样式都会被继承：
                比如 背景相关的，布局相关等的这些样式都不会被继承。

]]></description><category></category></item><item><title><![CDATA[css--伪元素选择器]]></title><link>https://blog.csdn.net/MondayCui/article/details/108587045</link><guid>https://blog.csdn.net/MondayCui/article/details/108587045</guid><author>MondayCui</author><pubDate>Mon, 14 Sep 2020 20:15:32 +0800</pubDate><description><![CDATA[&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
    &lt;title&gt;伪元素选择器&lt;/title&gt;
    &lt;style&gt;
        /* 
             伪元素]]></description><category></category></item><item><title><![CDATA[css--超链接的伪类]]></title><link>https://blog.csdn.net/MondayCui/article/details/108586595</link><guid>https://blog.csdn.net/MondayCui/article/details/108586595</guid><author>MondayCui</author><pubDate>Mon, 14 Sep 2020 19:52:51 +0800</pubDate><description><![CDATA[&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
    &lt;title&gt;超链接的伪类&lt;/title&gt;
    &lt;style&gt;
        /* :link 用来表示没访问过的链接]]></description><category></category></item><item><title><![CDATA[css--伪类选择器]]></title><link>https://blog.csdn.net/MondayCui/article/details/108586106</link><guid>https://blog.csdn.net/MondayCui/article/details/108586106</guid><author>MondayCui</author><pubDate>Mon, 14 Sep 2020 19:33:08 +0800</pubDate><description><![CDATA[伪类（不存在的类，特殊的类）
            - 伪类用来描述一个元素的特殊状态
                比如：第一个子元素、被点击的元素、鼠标移入的元素...
            - 伪类一般情况下都是使用:开头
                :first-child 第一个子元素
                :last-child 最后一个子元素
                :nth-child() 选中第n个子元素
                    特殊值：
   ]]></description><category></category></item></channel></rss>