上一页 1 ··· 9 10 11 12 13 14 下一页
摘要: 维护css弊端 CSS 是一门非程序式语言,没有变量、函数、SCOPE(作用域)等概念。 CSS 需要书写大量看似没有逻辑的代码,CSS 冗余度是比较高的。 不方便维护及扩展,不利于复用。 CSS 没有很好的计算能力 非前端开发工程师来讲,往往会因为缺少 CSS 编写经验而很难写出组织良好且易于维护 阅读全文
posted @ 2020-09-07 08:20 清出于兰 阅读(169) 评论(0) 推荐(0) 编辑
摘要: rem基础 rem单位 rem (root em)是一个相对单位,类似于em,em是父元素字体大小。 不同的是rem的基准是相对于html元素的字体大小。 比如,根元素(html)设置font-size=12px; 非根元素设置width:2rem; 则换成px表示就是24px。 /* 根html 阅读全文
posted @ 2020-09-07 08:18 清出于兰 阅读(122) 评论(0) 推荐(0) 编辑
摘要: 6.1流式布局(百分比布局) 流式布局就是百分比布局,也称非固定像素布局。 通过盒子宽度设置成百分比来根据屏幕的宽度来进行伸缩,不受固定像素限制,内容向两侧填充。 流式布局方式是移动web开发使用的比较常见的布局方式 max-width 最大宽度(max-height 最大高度) min-width 阅读全文
posted @ 2020-08-23 08:54 清出于兰 阅读(402) 评论(0) 推荐(0) 编辑
摘要: 移动端浏览器我们主要针对webkit内核进行兼容 现在移动端碎片化比较严重,分辨率和屏幕尺寸大小不一 1.移动端调试方法 Charome DevTools(谷歌浏览器) 的模拟手机调试 搭建本地web服务器,手机和服务器一个局域网内,通过手机访问服务器 使用外网服务器,直接IP或域名访问 2、视口 阅读全文
posted @ 2020-08-23 08:51 清出于兰 阅读(87) 评论(0) 推荐(0) 编辑
摘要: CSS高级技巧 CSS用户界面样式 所谓的界面样式, 就是更改一些用户操作样式, 比如 更改用户的鼠标样式, 表单轮廓以及 防止表单域拖拽等。但是比如滚动条的样式改动受到了很多浏览器的抵制,因此我们就放弃了。 鼠标样式cursor 设置或检索在对象上移动的鼠标指针采用何种系统预定义的光标形状。 cu 阅读全文
posted @ 2020-08-20 09:44 清出于兰 阅读(104) 评论(0) 推荐(0) 编辑
摘要: CSS用户界面样式 所谓的界面样式, 就是更改一些用户操作样式, 比如 更改用户的鼠标样式, 表单轮廓以及 防止表单域拖拽等。但是比如滚动条的样式改动受到了很多浏览器的抵制,因此我们就放弃了。 鼠标样式cursor 设置或检索在对象上移动的鼠标指针采用何种系统预定义的光标形状。 cursor : d 阅读全文
posted @ 2020-08-19 23:39 清出于兰 阅读(96) 评论(0) 推荐(0) 编辑
摘要: 一、制作动画分为两步: 1.先定义动画 2.再使用(调用)动画i 1.用keyframes定义动画(类似定义类选择器) @keyframes动画名称{ 0%{ width: 100px; 100%{ width: 200px; } 动画的基本使用 二、动画序列 ●0% 是动画的开始, 100%是动画 阅读全文
posted @ 2020-08-18 23:46 清出于兰 阅读(168) 评论(0) 推荐(0) 编辑
摘要: 转换transform我们简单理解就是变形有2D和3D之分 ● 我们暂且学了三个分别是位移旋转和缩放 ● 2D移动translate(x, y)最大的优势是不影响其他盒子 ,里面参数用% .是相对于自身宽 可以分开写比如translateX(x)和translateY(y) 2D旋转rotate(度 阅读全文
posted @ 2020-08-18 23:44 清出于兰 阅读(132) 评论(0) 推荐(0) 编辑
摘要: [Web服务器 ] 服务器(也称为主机)是提供计算机服务的设备,它也是一台计算机。在网络环境下,根据服务器提供的服务类型不同,服务器又分为文件服务器、数据库服务器、应用程序服务器、Web服务器等。Web服务器一般指网站服务器,是指驻留于因特网上的某种类型计算机的程序,可以向浏览器等Web客户端提供文 阅读全文
posted @ 2020-08-18 00:12 清出于兰 阅读(105) 评论(0) 推荐(0) 编辑
摘要: transform是CSS3中具有颠覆性的特征之一,可以实现元素的位移、旋转、倾斜、缩放,甚至支持矩阵方式,配合过渡和即将学习的动画知识,可以取代大量之前只能靠Flash才可以实现的效果。 变形转换 transform transform 变换 变形的意思 《 transformers 变形金刚》 阅读全文
posted @ 2020-08-18 00:03 清出于兰 阅读(114) 评论(0) 推荐(0) 编辑
上一页 1 ··· 9 10 11 12 13 14 下一页