08 2020 档案

.移动端常见布局
摘要：6.1流式布局（百分比布局） 流式布局就是百分比布局，也称非固定像素布局。 通过盒子宽度设置成百分比来根据屏幕的宽度来进行伸缩，不受固定像素限制，内容向两侧填充。 流式布局方式是移动web开发使用的比较常见的布局方式 max-width 最大宽度（max-height 最大高度） min-width 阅读全文
posted @ 2020-08-23 08:54 清出于兰 阅读(425) 评论(0) 推荐(0)
移动端基础
摘要：移动端浏览器我们主要针对webkit内核进行兼容 现在移动端碎片化比较严重，分辨率和屏幕尺寸大小不一 1.移动端调试方法 Charome DevTools(谷歌浏览器) 的模拟手机调试 搭建本地web服务器，手机和服务器一个局域网内，通过手机访问服务器 使用外网服务器，直接IP或域名访问 2、视口 阅读全文
posted @ 2020-08-23 08:51 清出于兰 阅读(102) 评论(0) 推荐(0)
CSS高级技巧
摘要：CSS高级技巧 CSS用户界面样式 所谓的界面样式， 就是更改一些用户操作样式， 比如 更改用户的鼠标样式， 表单轮廓以及 防止表单域拖拽等。但是比如滚动条的样式改动受到了很多浏览器的抵制，因此我们就放弃了。 鼠标样式cursor 设置或检索在对象上移动的鼠标指针采用何种系统预定义的光标形状。 cu 阅读全文
posted @ 2020-08-20 09:44 清出于兰 阅读(110) 评论(0) 推荐(0)
CSS高级技巧
摘要：CSS用户界面样式 所谓的界面样式， 就是更改一些用户操作样式， 比如 更改用户的鼠标样式， 表单轮廓以及 防止表单域拖拽等。但是比如滚动条的样式改动受到了很多浏览器的抵制，因此我们就放弃了。 鼠标样式cursor 设置或检索在对象上移动的鼠标指针采用何种系统预定义的光标形状。 cursor : d 阅读全文
posted @ 2020-08-19 23:39 清出于兰 阅读(102) 评论(0) 推荐(0)
动画的基本使用
摘要：一、制作动画分为两步: 1.先定义动画 2.再使用(调用)动画i 1.用keyframes定义动画(类似定义类选择器) @keyframes动画名称{ 0%{ width: 100px; 100%{ width: 200px; } 动画的基本使用 二、动画序列 ●0% 是动画的开始, 100%是动画 阅读全文
posted @ 2020-08-18 23:46 清出于兰 阅读(190) 评论(0) 推荐(0)
2D转换总结
摘要：转换transform我们简单理解就是变形有2D和3D之分 ● 我们暂且学了三个分别是位移旋转和缩放 ● 2D移动translate(x, y)最大的优势是不影响其他盒子 ，里面参数用% .是相对于自身宽 可以分开写比如translateX(x)和translateY(y) 2D旋转rotate(度 阅读全文
posted @ 2020-08-18 23:44 清出于兰 阅读(139) 评论(0) 推荐(0)
[Web服务器 ]
摘要：[Web服务器 ] 服务器（也称为主机）是提供计算机服务的设备，它也是一台计算机。在网络环境下，根据服务器提供的服务类型不同，服务器又分为文件服务器、数据库服务器、应用程序服务器、Web服务器等。Web服务器一般指网站服务器，是指驻留于因特网上的某种类型计算机的程序，可以向浏览器等Web客户端提供文 阅读全文
posted @ 2020-08-18 00:12 清出于兰 阅读(110) 评论(0) 推荐(0)
2D变形(CSS3)
摘要：transform是CSS3中具有颠覆性的特征之一，可以实现元素的位移、旋转、倾斜、缩放，甚至支持矩阵方式，配合过渡和即将学习的动画知识，可以取代大量之前只能靠Flash才可以实现的效果。 变形转换 transform transform 变换 变形的意思 《 transformers 变形金刚》 阅读全文
posted @ 2020-08-18 00:03 清出于兰 阅读(122) 评论(0) 推荐(0)
SEO(Search Engine Optimization)优化
摘要：SEO(Search Engine Optimization)汉议为搜索引擎优化，是一种利用搜索引擎的规则提高网站在有关搜索引擎内自然排名的方式。 SEO的目的是对网站进行深度的优化，从而帮助网站获取免费的流量，进而在搜索引擎上提高网站的排名，提高网站的知名度。 页面必须有三个标签用来符合SEO优化 阅读全文
posted @ 2020-08-18 00:00 清出于兰 阅读(760) 评论(0) 推荐(0)