<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[MR_JIABing的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/MR_JIABing</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; MR_JIABing]]></copyright><item><title><![CDATA[2D 转换综合写法以及顺序问题]]></title><link>https://blog.youkuaiyun.com/MR_JIABing/article/details/111028280</link><guid>https://blog.youkuaiyun.com/MR_JIABing/article/details/111028280</guid><author>MR_JIABing</author><pubDate>Fri, 11 Dec 2020 08:58:09 +0800</pubDate><description><![CDATA[同时使用多个转换，其格式为 transform: translate() rotate() scale()
顺序会影响到转换的效果(先旋转会改变坐标轴方向)
但我们同时有位置或者其他属性的时候，要将位移放到最前面

]]></description><category></category></item><item><title><![CDATA[2D转换]]></title><link>https://blog.youkuaiyun.com/MR_JIABing/article/details/110945513</link><guid>https://blog.youkuaiyun.com/MR_JIABing/article/details/110945513</guid><author>MR_JIABing</author><pubDate>Thu, 10 Dec 2020 08:48:06 +0800</pubDate><description><![CDATA[2D 转换是改变标签在二维平面上的位置和形状
移动： translate
旋转： rotate
缩放： scale

]]></description><category></category></item><item><title><![CDATA[. nth-child 详解]]></title><link>https://blog.youkuaiyun.com/MR_JIABing/article/details/110915108</link><guid>https://blog.youkuaiyun.com/MR_JIABing/article/details/110915108</guid><author>MR_JIABing</author><pubDate>Wed, 09 Dec 2020 08:42:58 +0800</pubDate><description><![CDATA[注意：本质上就是选中第几个子元素
n 可以是数字、关键字、公式
n 如果是数字，就是选中第几个
常见的关键字有 even 偶数、odd 奇数
常见的公式如下(如果 n 是公式，则从 0 开始计算)
但是第 0 个元素或者超出了元素的个数会被忽略

...]]></description><category></category></item><item><title><![CDATA[伪元素选择器注意事项]]></title><link>https://blog.youkuaiyun.com/MR_JIABing/article/details/110791020</link><guid>https://blog.youkuaiyun.com/MR_JIABing/article/details/110791020</guid><author>MR_JIABing</author><pubDate>Mon, 07 Dec 2020 08:57:21 +0800</pubDate><description><![CDATA[before 和 after 必须有 content 属性
before 在内容前面，after 在内容后面
before 和 after 创建的是一个元素，但是属于行内元素
创建出来的元素在 Dom 中查找不到，所以称为伪元素
伪元素和标签选择器一样，权重为 1

...]]></description><category></category></item><item><title><![CDATA[多媒体标签总结]]></title><link>https://blog.youkuaiyun.com/MR_JIABing/article/details/110676680</link><guid>https://blog.youkuaiyun.com/MR_JIABing/article/details/110676680</guid><author>MR_JIABing</author><pubDate>Sat, 05 Dec 2020 08:43:38 +0800</pubDate><description><![CDATA[音频标签与视频标签使用基本一致
多媒体标签在不同浏览器下情况不同，存在兼容性问题
谷歌浏览器把音频和视频标签的自动播放都禁止了
谷歌浏览器中视频添加 muted 标签可以自己播放

]]></description><category></category></item><item><title><![CDATA[audio 标签说明]]></title><link>https://blog.youkuaiyun.com/MR_JIABing/article/details/110621812</link><guid>https://blog.youkuaiyun.com/MR_JIABing/article/details/110621812</guid><author>MR_JIABing</author><pubDate>Fri, 04 Dec 2020 08:49:06 +0800</pubDate><description><![CDATA[可以在不使用插件的情况下，也能够原生的支持音频格式文件的播放，
但是：播放格式是有限的

]]></description><category></category></item><item><title><![CDATA[HTML5新增的语义化标签]]></title><link>https://blog.youkuaiyun.com/MR_JIABing/article/details/110517849</link><guid>https://blog.youkuaiyun.com/MR_JIABing/article/details/110517849</guid><author>MR_JIABing</author><pubDate>Thu, 03 Dec 2020 08:54:25 +0800</pubDate><description><![CDATA[header — 头部标签
nav — 导航标签
article — 内容标签
section — 块级标签
aside — 侧边栏标签
footer — 尾部标签

]]></description><category></category></item><item><title><![CDATA[HTML5 拓展了哪些内容]]></title><link>https://blog.youkuaiyun.com/MR_JIABing/article/details/110467041</link><guid>https://blog.youkuaiyun.com/MR_JIABing/article/details/110467041</guid><author>MR_JIABing</author><pubDate>Wed, 02 Dec 2020 08:53:22 +0800</pubDate><description><![CDATA[语义化标签
本地存储
兼容特性
2D、3D
动画、过渡
CSS3 特性
性能与集成

]]></description><category></category></item><item><title><![CDATA[HTML5 的概念与定义]]></title><link>https://blog.youkuaiyun.com/MR_JIABing/article/details/110420243</link><guid>https://blog.youkuaiyun.com/MR_JIABing/article/details/110420243</guid><author>MR_JIABing</author><pubDate>Tue, 01 Dec 2020 08:48:21 +0800</pubDate><description><![CDATA[定义：HTML5 定义了 HTML 标准的最新版本，是对 HTML 的第五次重大修改
两个概念：
是一个新版本的 HTML 语言，定义了新的标签、特性和属性
拥有一个强大的技术集，这些技术集是指： HTML5 、CSS3 、javascript, 这也是广义上的 HTML5

...]]></description><category></category></item><item><title><![CDATA[HTML5 的概念与定]]></title><link>https://blog.youkuaiyun.com/MR_JIABing/article/details/110366570</link><guid>https://blog.youkuaiyun.com/MR_JIABing/article/details/110366570</guid><author>MR_JIABing</author><pubDate>Mon, 30 Nov 2020 08:55:46 +0800</pubDate><description><![CDATA[定义：HTML5 定义了 HTML 标准的最新版本，是对 HTML 的第五次重大修改
两个概念：
是一个新版本的 HTML 语言，定义了新的标签、特性和属性
拥有一个强大的技术集，这些技术集是指： HTML5 、CSS3 、javascript, 这也是广义上的 HTML5

...]]></description><category></category></item><item><title><![CDATA[css精灵图概念]]></title><link>https://blog.youkuaiyun.com/MR_JIABing/article/details/110258317</link><guid>https://blog.youkuaiyun.com/MR_JIABing/article/details/110258317</guid><author>MR_JIABing</author><pubDate>Sat, 28 Nov 2020 08:31:20 +0800</pubDate><description><![CDATA[CSS 精灵其实是将网页中的一些背景图像整合到一张大图中（精灵图），然而，各个网页元素通常只需要精灵图中不同位置的某个小图，要想精确定位到精灵图中的某个小图。

]]></description><category></category></item><item><title><![CDATA[text-overflow 文字溢出]]></title><link>https://blog.youkuaiyun.com/MR_JIABing/article/details/110219623</link><guid>https://blog.youkuaiyun.com/MR_JIABing/article/details/110219623</guid><author>MR_JIABing</author><pubDate>Fri, 27 Nov 2020 08:51:22 +0800</pubDate><description><![CDATA[设置或检索是否使用一个省略标记（…）标示对象内文本的溢出
text-overflow : clip ；不显示省略标记（…），而是简单的裁切
text-overflow：ellipsis ； 当对象内文本溢出时显示省略标记（…）

]]></description><category></category></item><item><title><![CDATA[white-space]]></title><link>https://blog.youkuaiyun.com/MR_JIABing/article/details/110160285</link><guid>https://blog.youkuaiyun.com/MR_JIABing/article/details/110160285</guid><author>MR_JIABing</author><pubDate>Thu, 26 Nov 2020 08:47:12 +0800</pubDate><description><![CDATA[white-space设置或检索对象内文本显示方式。通常我们使用于强制一行显示内容
white-space:normal ；默认处理方式
white-space:nowrap ； 强制在同一行内显示所有文本，直到文本结束或者遭遇br标签对象才换
行。

...]]></description><category></category></item><item><title><![CDATA[vertical-align 垂直对齐]]></title><link>https://blog.youkuaiyun.com/MR_JIABing/article/details/110109511</link><guid>https://blog.youkuaiyun.com/MR_JIABing/article/details/110109511</guid><author>MR_JIABing</author><pubDate>Wed, 25 Nov 2020 08:51:10 +0800</pubDate><description><![CDATA[有宽度的块级元素居中对齐，是margin: 0 auto;
让文字居中对齐，是 text-align: center;

]]></description><category></category></item><item><title><![CDATA[用户界面样式总结]]></title><link>https://blog.youkuaiyun.com/MR_JIABing/article/details/110038273</link><guid>https://blog.youkuaiyun.com/MR_JIABing/article/details/110038273</guid><author>MR_JIABing</author><pubDate>Tue, 24 Nov 2020 08:54:20 +0800</pubDate><description><![CDATA[属性 用途 用途
鼠标样式 更改鼠标样式cursor 样式很多，重点记住 pointer
轮廓线 表单默认outline outline 轮廓线，我们一般直接去掉，border是边框，我们会经常用
防止拖拽 主要针对文本域resize 防止用户随意拖拽文本域，造成页面布局混乱，我们resize:none

...]]></description><category></category></item><item><title><![CDATA[display 显示]]></title><link>https://blog.youkuaiyun.com/MR_JIABing/article/details/109988351</link><guid>https://blog.youkuaiyun.com/MR_JIABing/article/details/109988351</guid><author>MR_JIABing</author><pubDate>Mon, 23 Nov 2020 10:28:25 +0800</pubDate><description><![CDATA[display: none 隐藏对象
display：block 除了转换为块级元素之外，同时还有显示元素的意思。

]]></description><category></category></item><item><title><![CDATA[显示与隐藏总结]]></title><link>https://blog.youkuaiyun.com/MR_JIABing/article/details/109963636</link><guid>https://blog.youkuaiyun.com/MR_JIABing/article/details/109963636</guid><author>MR_JIABing</author><pubDate>Sun, 22 Nov 2020 20:44:48 +0800</pubDate><description><![CDATA[属性 区别 用途
display
隐藏对象，不保留位置
配合后面js做特效，比如下拉菜单，原先没有，鼠标经过，显示下拉菜单， 应用极为广泛
visibility
隐藏对象，保留位置使用较少
overflow
只是隐藏超出大小的部分 1. 可以清除浮动 2. 保证盒子里面的内容不会超出该盒子范围

...]]></description><category></category></item><item><title><![CDATA[overflow 溢出]]></title><link>https://blog.youkuaiyun.com/MR_JIABing/article/details/109905861</link><guid>https://blog.youkuaiyun.com/MR_JIABing/article/details/109905861</guid><author>MR_JIABing</author><pubDate>Sat, 21 Nov 2020 19:30:55 +0800</pubDate><description><![CDATA[visible 不剪切内容也不添加滚动条
hidden 不显示超过对象尺寸的内容，超出的部分隐藏掉
scroll 不管超出内容否，总是显示滚动条
auto 超出自动显示滚动条，不超出不显示滚动条

]]></description><category></category></item><item><title><![CDATA[圆角矩形设置4个角]]></title><link>https://blog.youkuaiyun.com/MR_JIABing/article/details/109843483</link><guid>https://blog.youkuaiyun.com/MR_JIABing/article/details/109843483</guid><author>MR_JIABing</author><pubDate>Fri, 20 Nov 2020 11:26:47 +0800</pubDate><description><![CDATA[border-top-left-radius:20px;
border-top-right-radius:20px;
border-bottom-right-radius:20px;
border-bottom-left-radius:20px;

]]></description><category></category></item><item><title><![CDATA[显示与隐藏总结]]></title><link>https://blog.youkuaiyun.com/MR_JIABing/article/details/109803461</link><guid>https://blog.youkuaiyun.com/MR_JIABing/article/details/109803461</guid><author>MR_JIABing</author><pubDate>Thu, 19 Nov 2020 10:28:47 +0800</pubDate><description><![CDATA[属性 区别 用途
display
隐藏对象，不保留
位置
配合后面js做特效，比如下拉菜单，原先没有，鼠标经过，显示下拉菜
单， 应用极为广泛
visibility
隐藏对象，保留位
置
使用较少
overflow
只是隐藏超出大小
的部分 1. 可以清除浮动 2. 保证盒子里面的内容不会超出该盒子范围

...]]></description><category></category></item></channel></rss>