- 博客(7)
- 收藏
- 关注
RSS订阅原创 普通话水平测试学习总结
博客声明：最近上了两节学校的普通话水平测试课，老师讲了一下考试题目的题型以及一些注意细节和扣分规则，感觉挺全面的就做个记录，顺便帮助一下想要了解情况的兄弟盟！注意：普通话考试围绕两个度：规范度和熟练度普通话水平测试的试卷构成一、读单音节字词（10分）评分标准：二、读多音节词语（20分）三、朗读短文（30分）评分标准：四、说话（40分）评分标准：4.1 ： 语音标准程度4.1 ： 词汇语法规范程度4.1 ： 自然流畅程度4.1 ： 说话不足测试要求：由于
2021-09-28 00:17:42
123
原创 flex布局
flex布局原理虚线框是div 里面的小圆圈是span主要了解 容器 和 项目 的概念flex布局父项常见属性以下6个属性是对父元素设置的：flex-direction: 设置主轴的方向justify-content： 设置主轴上的子元素排列方式flex-wrap： 设置子元素是否换行align-items： 设置侧轴上的子元素排列方式（单行）align-content： 设置侧轴上的子元素排列方式（多行）flex-flow： 复合属性，相当于同时设置了 flex-directio
2021-09-24 23:49:44
235
原创 rem 适配方案
rem + 媒体查询 + less技术的rem实际开发适配方案设计稿常见尺寸宽度： 320px、360px、375px、384px、400px、414px、500px、720px现在基本以750为准动态设置html标签font-size的大小：计算rem的公式html字体大小 = 750 / 要分的份数（如15）页面元素的大小 = 它本来在750像素下的px值 / html的字体大小flexible.js + rem的适配方案预备工作：下载flexible.js ，在vscode中安装
2021-09-18 13:49:56
139
原创 移动端适配准备工作
了解remem: 相对于父元素的字体大小来说的rem： 相对于html 元素的字体大小来说的rem的优点是可以通过修改html里卖弄的文字大小来改变页面的元素大小以整体控制媒体查询（Media Query）：是css3的新语法使用@media查询，可以针对不同的媒体类型定义不同的样式@media可以针对不同的屏幕尺寸设置不同的样式语法规范：mediatype 查询类型all：用于所有设备print：用于打印机和打印预览screen：用于电脑屏幕、平板电脑、智能手机等关
2021-09-18 13:12:23
70
原创 移动端流式布局的学习
移动端流式布局的学习background-size的学习：background-size:图片的宽度，图片的高度;1.只写一个参数那么一定是宽度，高度会等比例缩放2.单位可以不用 px ，而用 % ，这是相对父盒子来说的百分比3.特殊参数：cover ，等比例拉伸，要完全覆盖盒子，可能会有部分背景图片显示不全。 background-size：cover；4.特殊参数：contain，高度和宽度等比例拉伸，当宽度或高度其中一个铺满盒子就不再进行拉伸了，可能有空白区域。background-s
2021-09-01 15:04:25
77
原创 2021-07-08近期学习总结
@ TOC近期学习总结处理兼容性问题的例子通过这个例子我大概了解了应该怎么样自己去兼容各个版本的浏览器… function getScroll() { //以对象来封装函数 兼容浏览器的滚动条对象 window或者是html或者是body return { left: window.pageXOffset || document.documentElement.scrollLeft || document.body.scrollLeft || 0,
2021-07-08 13:15:25
102
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人