<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[monkeyhost的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/monkeyhost</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; monkeyhost]]></copyright><item><title><![CDATA[【无标题】]]></title><link>https://blog.youkuaiyun.com/monkeyhost/article/details/160602192</link><guid>https://blog.youkuaiyun.com/monkeyhost/article/details/160602192</guid><author>monkeyhost</author><pubDate>Tue, 28 Apr 2026 22:03:52 +0800</pubDate><description><![CDATA[本文介绍了一个简易计算器的JavaScript实现方案。该计算器对象包含五种功能：加法、减法、乘法、除法运算以及退出选项。通过控制台和弹窗交互，用户可以输入数字选择运算方式，系统会进行输入验证（包括零除检查）并显示结果。计算器采用面向对象方式设计，具有完整的菜单显示、用户输入处理和运算逻辑，通过主循环持续运行直到用户选择退出。该实现注重用户体验，包含错误提示和重新输入机制，适合作为基础计算功能的实现参考。]]></description><category></category></item><item><title><![CDATA[盒子模型导读]]></title><link>https://blog.youkuaiyun.com/monkeyhost/article/details/145383339</link><guid>https://blog.youkuaiyun.com/monkeyhost/article/details/145383339</guid><author>monkeyhost</author><pubDate>Fri, 12 Sep 2025 21:25:24 +0800</pubDate><description><![CDATA[CSS盒子模型本质是一个盒子，封装周围的HTML元素，它包括：边框、外边距、内边距和实际内容。请给一个200*200的盒子，设置上边框为红色，其余边框为蓝色，提示：一定注意边框的层叠性。所谓盒子模型，就是把HTML页面中的布局元素看作是一个矩形的盒子，也就是盛装内容的容器。border可以设置元素的边框。2.如果测量的时候包含了边框，则需要width/height减去边框宽度。也就是说，如果盒子已经有了宽度和高度，此时再指定内边框，会撑大盒子。margin 属性用于设置外边距，即控制盒子和盒子之间的距离。]]></description><category></category></item><item><title><![CDATA[1.CSS的三大特性]]></title><link>https://blog.youkuaiyun.com/monkeyhost/article/details/145312755</link><guid>https://blog.youkuaiyun.com/monkeyhost/article/details/145312755</guid><author>monkeyhost</author><pubDate>Thu, 23 Jan 2025 23:46:33 +0800</pubDate><description><![CDATA[css有三个非常重要的三个特性：层叠性、继承性、优先级。]]></description><category></category></item><item><title><![CDATA[3.CSS的背景]]></title><link>https://blog.youkuaiyun.com/monkeyhost/article/details/145084886</link><guid>https://blog.youkuaiyun.com/monkeyhost/article/details/145084886</guid><author>monkeyhost</author><pubDate>Wed, 22 Jan 2025 23:47:13 +0800</pubDate><description><![CDATA[通过CSS背景属性，可以给页面元素添加背景样式。背景属性可以设置背景颜色、背景图片、背景平铺、背景图片位置、背景图像固定等。]]></description><category></category></item><item><title><![CDATA[案例：简洁版小米侧边栏]]></title><link>https://blog.youkuaiyun.com/monkeyhost/article/details/145044358</link><guid>https://blog.youkuaiyun.com/monkeyhost/article/details/145044358</guid><author>monkeyhost</author><pubDate>Sun, 12 Jan 2025 00:11:23 +0800</pubDate><description><![CDATA[【代码】案例：简洁版小米侧边栏。]]></description><category></category></item><item><title><![CDATA[2. CSS的元素显示模式]]></title><link>https://blog.youkuaiyun.com/monkeyhost/article/details/145017774</link><guid>https://blog.youkuaiyun.com/monkeyhost/article/details/145017774</guid><author>monkeyhost</author><pubDate>Thu, 09 Jan 2025 21:49:12 +0800</pubDate><description><![CDATA[元素模式元素排列设置样式默认宽度包含块级元素一行只能放一个块级元素可以设置宽度高度容器的100%容器级可以包含任何标签行内元素一行可以放多个行内元素不可以直接设置宽度和高度它本身内容的宽度容纳文本或其他行内元素行内块元素一行放多个行内快元素可以设置宽度和高度它本身内容的宽度。]]></description><category></category></item><item><title><![CDATA[1.CSS的复合选择器]]></title><link>https://blog.youkuaiyun.com/monkeyhost/article/details/144972799</link><guid>https://blog.youkuaiyun.com/monkeyhost/article/details/144972799</guid><author>monkeyhost</author><pubDate>Wed, 08 Jan 2025 21:08:10 +0800</pubDate><description><![CDATA[选择器作用特征使用情况隔开符号及用法后代选择器用来选择后代元素可以是子孙后代较多符号是空格 .nav a子代选择器选择最近一级元素只选亲儿子较少符号是>.nav>p并集选择器选择某些相同样式的元素可以用于集体声明较多符号是逗号链接伪类选择器选择不同状态的链接跟链接相关较多重点记住a{}和a:hover 实际开发的写法:focus选择器选择获得光标的表单跟表单相关较少input:focus记住这个写法。]]></description><category></category></item><item><title><![CDATA[CSS第二天导读]]></title><link>https://blog.youkuaiyun.com/monkeyhost/article/details/144972065</link><guid>https://blog.youkuaiyun.com/monkeyhost/article/details/144972065</guid><author>monkeyhost</author><pubDate>Mon, 06 Jan 2025 21:24:20 +0800</pubDate><description><![CDATA[目录Emmet语法CSS的复合选择器CSS的元素显示模式CSS的背景CSS的三大特性CSS的注释]]></description><category></category></item><item><title><![CDATA[5. CSS引入方式]]></title><link>https://blog.youkuaiyun.com/monkeyhost/article/details/144920097</link><guid>https://blog.youkuaiyun.com/monkeyhost/article/details/144920097</guid><author>monkeyhost</author><pubDate>Sat, 04 Jan 2025 00:38:52 +0800</pubDate><description><![CDATA[按照 CSS 样式书写的位置(或者引入的方式)，CSS样式表可以分为三大类：1.行内样式表（行内式）2.内部样式表（嵌入式）3. 外部样式表（链接式）]]></description><category></category></item><item><title><![CDATA[4.CSS文本属性]]></title><link>https://blog.youkuaiyun.com/monkeyhost/article/details/144859600</link><guid>https://blog.youkuaiyun.com/monkeyhost/article/details/144859600</guid><author>monkeyhost</author><pubDate>Thu, 02 Jan 2025 01:11:34 +0800</pubDate><description><![CDATA[text-align 属性用于设置元素内文本内容的水平对齐方式。


4.3 装饰文本

text-decration属性规定添加到文本的修饰。可以给文本添加下划线、删除线、上划线等。pay attention：重点记住如何添加和删除下划线。text-indent:2m;line-height]]></description><category></category></item><item><title><![CDATA[3.CSS字体属性]]></title><link>https://blog.youkuaiyun.com/monkeyhost/article/details/144812664</link><guid>https://blog.youkuaiyun.com/monkeyhost/article/details/144812664</guid><author>monkeyhost</author><pubDate>Tue, 31 Dec 2024 23:43:32 +0800</pubDate><description><![CDATA[CSS使用font-family属性定义文本的字体系列。p{font-family:"微软雅黑"}div{font-family:Arial,"Microsoft Yahei",微软雅黑}]]></description><category></category></item><item><title><![CDATA[CSS层叠样式表]]></title><link>https://blog.youkuaiyun.com/monkeyhost/article/details/144779486</link><guid>https://blog.youkuaiyun.com/monkeyhost/article/details/144779486</guid><author>monkeyhost</author><pubDate>Sun, 29 Dec 2024 23:21:39 +0800</pubDate><description><![CDATA[说起HTML，这其实是个非常单纯的家伙，他只关心内容的语义，比如表明这是一个大标题，表明这是一个段落，表明这儿有一个图片，表示此处有链接。使用HTML时，需要遵从一定的规范，CSS也是如此，要想熟练地使用CSS对网页进行修饰，首先需要了解CSS样式规则。标签选择器(元素选择器)是指用HTML标签名称作为选择器，按照标签名称分类，为页面中某一类标签指定统一的CSS样式。标签选择器可以把某一类标签全部选择出来，比如所有的标签和所有的标签。]]></description><category></category></item><item><title><![CDATA[p44 13-表单使用场景以及分类]]></title><link>https://blog.youkuaiyun.com/monkeyhost/article/details/144679234</link><guid>https://blog.youkuaiyun.com/monkeyhost/article/details/144679234</guid><author>monkeyhost</author><pubDate>Fri, 27 Dec 2024 23:31:19 +0800</pubDate><description><![CDATA[使用表单的目的是为了收集用户信息。在我们的网页中，需要用户进行交互，收集用户资料，此时就需要表单。]]></description><category></category></item><item><title><![CDATA[p40列表标签]]></title><link>https://blog.youkuaiyun.com/monkeyhost/article/details/144621520</link><guid>https://blog.youkuaiyun.com/monkeyhost/article/details/144621520</guid><author>monkeyhost</author><pubDate>Mon, 23 Dec 2024 22:30:25 +0800</pubDate><description><![CDATA[<title>自定义列表(重点)</title><dl><dt>关注我们</dt><dd>新浪微博</dd><dd>官方微信</dd><dd>联系我们</dd></dl>]]></description><category></category></item><item><title><![CDATA[p33 表格标签基本使用]]></title><link>https://blog.youkuaiyun.com/monkeyhost/article/details/144409693</link><guid>https://blog.youkuaiyun.com/monkeyhost/article/details/144409693</guid><author>monkeyhost</author><pubDate>Fri, 20 Dec 2024 22:50:59 +0800</pubDate><description><![CDATA[我们学习了table标签tr行标签td单元格标签th表头单元格标签thead表格头部区域标签tbody表格主体区域标签2.表格的相关属性属性名属性值描述align规定表格相对周围元素的对齐方式border1或者""规定单元格是否有边框，默认为“”，表示没有边框像素值规定单元边与其内容之间的空白，默认1px像素值规定单元格之间的距离，默认2pxwidth像素值或百分比规定表格的宽度3.合并单元格。]]></description><category></category></item><item><title><![CDATA[p28综合案例（上）]]></title><link>https://blog.youkuaiyun.com/monkeyhost/article/details/144407409</link><guid>https://blog.youkuaiyun.com/monkeyhost/article/details/144407409</guid><author>monkeyhost</author><pubDate>Wed, 11 Dec 2024 20:36:04 +0800</pubDate><description><![CDATA[--->在新的页面打开。自动换行快捷键是alt+z。]]></description><category></category></item><item><title><![CDATA[p27 用100天学习html5+css3]]></title><link>https://blog.youkuaiyun.com/monkeyhost/article/details/144405810</link><guid>https://blog.youkuaiyun.com/monkeyhost/article/details/144405810</guid><author>monkeyhost</author><pubDate>Wed, 11 Dec 2024 17:49:04 +0800</pubDate><description><![CDATA[是一个段落标签]]></description><category></category></item><item><title><![CDATA[第四课 超链接标签（重点）]]></title><link>https://blog.youkuaiyun.com/monkeyhost/article/details/142236083</link><guid>https://blog.youkuaiyun.com/monkeyhost/article/details/142236083</guid><author>monkeyhost</author><pubDate>Wed, 11 Dec 2024 17:13:30 +0800</pubDate><description><![CDATA[双击相同的标签或者字样，按住ctrl+d全部选中，输入想要改变的字符，即可全部修改。添加多个光标，按住ctrl+alt+下箭头/上箭头。win+左右箭头可以快速调整浏览器和vscode。ctrl+shift+/ 选中多行文本进行注释。+tag键，将默认页面打出来。快速复制一行 shift+alt+下箭头。按住shift+alt 拖动某一个区块。ctrl+h 替换想要替换的字符。ctrl+g 跳转到某一行上去。ctrl+s自动保存格式。]]></description><category></category></item><item><title><![CDATA[前端开发第三节课]]></title><link>https://blog.youkuaiyun.com/monkeyhost/article/details/141831425</link><guid>https://blog.youkuaiyun.com/monkeyhost/article/details/141831425</guid><author>monkeyhost</author><pubDate>Fri, 13 Sep 2024 23:21:43 +0800</pubDate><description><![CDATA[首页</a>1.外部链接：例如<a href="http://www.baidu.com">百度]]></description><category></category></item><item><title><![CDATA[前端开发第二节课]]></title><link>https://blog.youkuaiyun.com/monkeyhost/article/details/141790454</link><guid>https://blog.youkuaiyun.com/monkeyhost/article/details/141790454</guid><author>monkeyhost</author><pubDate>Sun, 01 Sep 2024 22:59:38 +0800</pubDate><description><![CDATA[在网页中，有时需要为文字设置粗体、斜体或下划线等效果，这时就需要用到HTML中的文本格式化标签使文字以特殊的方式显示。标签语义：突出重要性，比普通文字更重要。]]></description><category></category></item></channel></rss>