<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[haixs的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/haixs</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; haixs]]></copyright><item><title><![CDATA[圣杯布局]]></title><link>https://blog.youkuaiyun.com/haixs/article/details/126773938</link><guid>https://blog.youkuaiyun.com/haixs/article/details/126773938</guid><author>haixs</author><pubDate>Fri, 09 Sep 2022 05:00:00 +0800</pubDate><description><![CDATA[圣杯布局 就是实现两边宽固定，中间宽自适应。]]></description><category></category></item><item><title><![CDATA[移动Web 第三天]]></title><link>https://blog.youkuaiyun.com/haixs/article/details/126773895</link><guid>https://blog.youkuaiyun.com/haixs/article/details/126773895</guid><author>haixs</author><pubDate>Fri, 09 Sep 2022 04:30:00 +0800</pubDate><description><![CDATA[PC端： 屏幕大，网页固定版心 PC端浏览器繁多，更多考虑兼容性问题。（布局：浮动+定位+标准流）移动端： 手机屏幕小，网页宽度多数为100%，是适配手机屏幕宽度 移动端则基本不考虑兼容性问题，使用css新特性。]]></description><category></category></item><item><title><![CDATA[移动Web 第二天]]></title><link>https://blog.youkuaiyun.com/haixs/article/details/126773834</link><guid>https://blog.youkuaiyun.com/haixs/article/details/126773834</guid><author>haixs</author><pubDate>Fri, 09 Sep 2022 04:00:00 +0800</pubDate><description><![CDATA[空间是从坐标轴角度定义的。x、y和z三条坐标轴构成了一个立体空间，z轴位置与视线方向相同。/* 视距: 透视的距离, 加到父元素上, 一般是800px-1200px, 眼睛距屏幕的距离 */空间转换也叫3D转换//语法//取值 （正负均可）像素单位数值百分比。]]></description><category></category></item><item><title><![CDATA[移动Web 第一天]]></title><link>https://blog.youkuaiyun.com/haixs/article/details/126773774</link><guid>https://blog.youkuaiyun.com/haixs/article/details/126773774</guid><author>haixs</author><pubDate>Fri, 09 Sep 2022 03:30:00 +0800</pubDate><description><![CDATA[灵活性：灵活地修改样式，例如：尺寸、颜色等​轻量级：体积小、渲染快、降低服务器请求次数​兼容性：几乎兼容所有的主流浏览器​使用方便。]]></description><category></category></item><item><title><![CDATA[day07]]></title><link>https://blog.youkuaiyun.com/haixs/article/details/126773684</link><guid>https://blog.youkuaiyun.com/haixs/article/details/126773684</guid><author>haixs</author><pubDate>Fri, 09 Sep 2022 03:00:00 +0800</pubDate><description><![CDATA[1、标准流 块级元素独占一行——>垂直布局 行内元素/行内块元素一行显示多个——>水平布局2、浮动 可以让原本垂直布局的块级元素变成水平布局3、定位 可以让元素自由的摆放在网页的任意位置 一般用于盒子之间的层叠情况。]]></description><category></category></item><item><title><![CDATA[移动Web 第四天]]></title><link>https://blog.youkuaiyun.com/haixs/article/details/126773960</link><guid>https://blog.youkuaiyun.com/haixs/article/details/126773960</guid><author>haixs</author><pubDate>Thu, 08 Sep 2022 23:02:55 +0800</pubDate><description><![CDATA[核心做法： 在像素大厨里面选择2X，利用background-size 缩放背景图片 测量坐标即可。修改主轴方向属性：flex-direction。调整行对齐方式：align-content。主轴默认是水平方向，侧轴默认是垂直方向。背景精灵图也存在二倍图。]]></description><category></category></item><item><title><![CDATA[day06]]></title><link>https://blog.youkuaiyun.com/haixs/article/details/126773669</link><guid>https://blog.youkuaiyun.com/haixs/article/details/126773669</guid><author>haixs</author><pubDate>Thu, 08 Sep 2022 22:41:00 +0800</pubDate><description><![CDATA[根据html结构来进行元素的选择第一个子元素父级  子级:first child {}最后一个子元素父级  子级:last-child {}任意的子元素父级 子级:nth-child(数字/关键字) {}数字1.....n,  n代表全部的元素关键字even 偶数odd 奇数公式2n 偶数/2的倍数    4n奇数   2n+1   2n-1从第几个开始  n+6前三个  -n+3了解从后选择第一个子元素根据类型选择元素。]]></description><category></category></item><item><title><![CDATA[day05]]></title><link>https://blog.youkuaiyun.com/haixs/article/details/126375519</link><guid>https://blog.youkuaiyun.com/haixs/article/details/126375519</guid><author>haixs</author><pubDate>Tue, 16 Aug 2022 22:22:44 +0800</pubDate><description><![CDATA[1、继承性（嵌套）后代元素会默认继承部分父级的样式 ​ 能够继承的样式 ​ color ​ font系列 ​ text-indent 文本缩进 ​ line-height 行高 ​ line-style:none;清楚li默认样式 ​ 继承的应用 ​ 某些情况下简化代码 ​ 给body设置文字颜色和文字大小 ​ 继承失效的情况 ​ a 不能继承颜色 ​ h 系列不能继承 文字大小 font-size2、层叠性此时div标签的颜色是绿色。...]]></description><category></category></item><item><title><![CDATA[day04--CSS基础]]></title><link>https://blog.youkuaiyun.com/haixs/article/details/126347114</link><guid>https://blog.youkuaiyun.com/haixs/article/details/126347114</guid><author>haixs</author><pubDate>Mon, 15 Aug 2022 15:15:02 +0800</pubDate><description><![CDATA[1、复合选择器1.1 后代选择器：空格作用：根据HTML标签的嵌套关系，选择父元素后代中满足条件的元素 选择器的语法：选择器1 选择器2{css} 注意点： 后代包括：儿子、孙子、重孙子…… 后代选择器中，选择器与选择器之前通过空格隔开1.2 子代选择器：>作用：根据HTML标签的嵌套关系，选择父类元素子代中满足条件的元素 选择器语法：选择器1>选择器2{css} 注意点： 子代只包括：儿子 子代选择器中，选择器与选择器之间通过>隔开2、并集选择器：，...]]></description><category></category></item><item><title><![CDATA[day03--CSS基础]]></title><link>https://blog.youkuaiyun.com/haixs/article/details/126325696</link><guid>https://blog.youkuaiyun.com/haixs/article/details/126325696</guid><author>haixs</author><pubDate>Sat, 13 Aug 2022 23:08:05 +0800</pubDate><description><![CDATA[1、CSS的中文名叫做层叠样式表2、CSS的作用是：给页面中的HTML标签设置样式4、CSS引入方式：内嵌式：CSS写在style标签中---小案例外联式：CSS写在一个单独的 .css文件中---项目中行内式：CSS写在标签的style属性中---配合js使用5、标签选择器选择器作用：选择页面中对应的标签，方便后续设置样式。（css属性名:属性值;）标签选择器的作用：通过标签名，找到页面中所有这类标签，设置样式注意点：标签选择器选择的是一类标签，而不是单独某一个。...]]></description><category></category></item><item><title><![CDATA[day02--html基础标签]]></title><link>https://blog.youkuaiyun.com/haixs/article/details/126294078</link><guid>https://blog.youkuaiyun.com/haixs/article/details/126294078</guid><author>haixs</author><pubDate>Thu, 11 Aug 2022 22:05:41 +0800</pubDate><description><![CDATA[列表标签，html的语义化标签]]></description><category></category></item><item><title><![CDATA[day01--html学习]]></title><link>https://blog.youkuaiyun.com/haixs/article/details/126275211</link><guid>https://blog.youkuaiyun.com/haixs/article/details/126275211</guid><author>haixs</author><pubDate>Wed, 10 Aug 2022 22:08:40 +0800</pubDate><description><![CDATA[html基础知识，关于html的思维导图]]></description><category></category></item></channel></rss>