2021年1月9日
15 移动端布局及解决方案
摘要： 15 移动端布局及解决方案 移动端项目 移动端浏览器及内核分析 手机浏览器种类： UC浏览器，QQ浏览器，欧朋浏览器，百度手机浏览器，360安全浏览器，谷歌浏览器， 搜狗手机浏览器，猎豹浏览器，其他杂牌浏览器。 国内的UC和QQ，百度等手机浏览器都是根据Webkit修改过来的内核，国内尚无自助 研发 阅读全文
posted @ 2021-01-09 16:24 一花一世界111 阅读(98) 评论(0) 推荐(0)
14 弹性盒子、预处理
摘要： day14 14 弹性盒子、预处理 弹性盒子 弹性盒子是CSS3的一种新的布局模式。 引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行 排列、对齐和分配空白空间。 display flex inline-flex 设置flex布局后，子元素的float、clear和vert 阅读全文
posted @ 2021-01-09 16:19 一花一世界111 阅读(58) 评论(0) 推荐(0)
13 CSS3过渡属性、CSS3的transform 属性、CSS3动画属性、动画库
摘要： 13 CSS3过渡属性、CSS3的transform 属性、CSS3动画属性、动画库 CSS3过渡属性 通过CSS3可以在不使用Flash动画或JavaScript的情况下，为元素从一种样式变 换为另一种样式时添加效果。而CSS3过渡就是元素从一种样式逐渐改变为另一种的效果。 要实现这一点，必须规定 阅读全文
posted @ 2021-01-09 16:18 一花一世界111 阅读(82) 评论(0) 推荐(0)
12 CSS3新增选择器、CSS3常用边框属性、CSS3背景属性、CSS3渐变属性、浏览器的私有前缀、多列布局
摘要： 12 CSS3新增选择器、CSS3常用边框属性、CSS3背景属性、CSS3渐变属性、浏览器的私有前缀、多列布局 CSS3简介 CSS3简介 CSS3是最新的CSS标准。 CSS3新增选择器 属性选择器 以box开头 <style> div[class^="box"] { background:red 阅读全文
posted @ 2021-01-09 16:15 一花一世界111 阅读(95) 评论(0) 推荐(0)
11 HTML5中新增的布局标签、HTML5兼容、HTML5已移除的标签、新增多媒体标签、新增表单元素及属性、校验表达式
摘要： 11 HTML5中新增的布局标签、HTML5兼容、HTML5已移除的标签、新增多媒体标签、新增表单元素及属性、校验表达式 HTML5基础 HTML5中新增的布局标签 html 1990 html4.0.1 1997 html5 2008 稳定版 2012年 新增的结构标签 （更加语义化） heade 阅读全文
posted @ 2021-01-09 16:10 一花一世界111 阅读(70) 评论(0) 推荐(0)
2021年1月4日
10 圣杯布局、​ 双飞翼布局、假等高、真等高、图片优化
摘要： 10 圣杯布局、​ 双飞翼布局、假等高、真等高、图片优化 多栏布局解决方案 圣杯布局 ​1.一个大盒子，里面有三个小盒子，左右固定，中间自适应100%，中间部分一定要先解析 2.三个盒子加浮动，左侧部分设置margin-left:-100%;右侧部分设置margin-left:-自己本身宽度 3.大 阅读全文
posted @ 2021-01-04 09:38 一花一世界111 阅读(94) 评论(0) 推荐(0)
09 兼容、CSS Hack
摘要： 09 兼容、CSS Hack IE 浏览器常见兼容问题 兼容问题 ie中图片边框问题 图片放在a标签中 img { border:none} ie8以下浏览器中背景复合属性的写法问题 .bg { background:url("./images/bg.jpg")no-repeat center} / 阅读全文
posted @ 2021-01-04 08:39 一花一世界111 阅读(52) 评论(0) 推荐(0)
08 表单、文本溢出处理
摘要： 08 表单、文本溢出处理 表单标签 注册和登录 目的：收集用户信息,能够输入内容 input标签 text 文本输入类型 <input type="text" name="username"> password 密码类型 <input type="password" name="password"> 阅读全文
posted @ 2021-01-04 08:36 一花一世界111 阅读(75) 评论(0) 推荐(0)
2020年12月21日
07 PS常用工具、常见的图片格式和特点、CSS精灵、BFC
摘要： 07 PS常用工具、常见的图片格式和特点、CSS精灵、BFC 项目切图规范 PS常用工具 移动工具 移动工具主要负责图层、选区、等的移动、复制操作。 快捷键：v 抓手工具 快捷键：h 空格 + 鼠标左键拖动，空格键可临时转换为抓手工具。 放大镜工具 放大镜工具可以放大或缩小图像。 放大：点击放大工具 阅读全文
posted @ 2020-12-21 15:26 一花一世界111 阅读(257) 评论(0) 推荐(0)
06 定位、居中技巧、对齐方式、图片间隙解决、显示与隐藏、透明度属性
摘要： 06定位、居中技巧、对齐方式、图片间隙解决、显示与隐藏、透明度属性 定位 定位的应用场景和基本原理 定位的原理 在本文流中 , 任何一个标签都被文本流所限制了自身的位置 , 但是通过 CSS 我们依然使得这些标签可以改变 自己的位置 , 我们可以通过 float 来让标签浮动 , 我们也可以通过 m 阅读全文
posted @ 2020-12-21 15:22 一花一世界111 阅读(165) 评论(0) 推荐(0)