学习笔记
wutenghui
这个作者很懒,什么都没留下…
展开
-
移动端开发基础了解
文章目录二、视口1、布局视口 (layout viewport)2、视觉视口 (visual viewport)3、理想视口 (ideal viewport)4、meta 视口标签5、标准的 viewport 参数设置三、二倍图1、物理像素 & 物理像素比2、多倍图3、二倍精灵图做法四、移动端开发选择1、移动端主流方案2、移动端技术解决方案3、移动端常见不布局方式五、移动端开发-流式布局案例1、了解流式布局2、移动端首页3、CSS3 线性渐变背景 (拓展)二、视口视口 ( viewport )原创 2020-10-30 23:54:28 · 4359 阅读 · 0 评论 -
rem 和 less基础
文章目录一、rem 基础1、rem 单位2、媒体查询①、mediatype 媒体类型②、关键字③、媒体特性④、引入资源3、媒体查询 + rem4、rem 适配原理①、rem 适配方案 思考②、rem 实际开发适配方案Ⅰ、rem 实际开发适配方案二、less 基础1、维护 css 的弊端2、Less 介绍3、Less 安装4、Less 使用①、Less 变量Ⅰ、变量名命名规范Ⅱ、变量使用规范②、Less 编译③、Less 嵌套④、Less 运算一、rem 基础1、rem 单位rem (root em)原创 2020-10-30 01:28:45 · 581 阅读 · 0 评论 -
flex 布局了解
文章目录1、了解 felx 布局原理2、flex 布局父项常见属性①、flex-direction:设置主轴的方向②、 justify-content:主轴上的子元素排列方式③、flex-wrap:子元素是否换行④、align-content:侧轴上的子元素的排列方式 (多行)⑤、align-items:侧轴上的子元素的排列方式 (单行)⑥、flex-flow3、flex布局子项常见属性①、flex 属性②、align-self 控制子项自己在侧轴的排列方式③、order 属性定义子项的排列顺序1、了解原创 2020-10-30 01:27:54 · 195 阅读 · 0 评论 -
了解网页项目开发流程
文章目录二、首页 index.html 结构布局1、header 区域2、login-banner 区域3、search 区域二、首页 index.html 结构布局1、header 区域header: 网页顶部结构常用命名,通常包含 logo、导航 nav 等内容布局类型:通栏背景,内部包含版心居中的主要内容,内容包含左、右浮动的部分整体结构:100% 的 div > 版心的 div注意:为了避免更改公共的版心样式,<div>需要重新添加一个 classlogo:使用 h原创 2020-10-26 11:08:55 · 3125 阅读 · 0 评论 -
HTML5+CSS3新特性
文章目录HTML 5 和 CSS3一、HTML5 新增语义化标签1、新增语义化标签2、多媒体标签①、audio 音频标签②、vieo 视频标签3、新增表单和属性二、CSS 31、子级选择器3、兄弟选择器3、结构伪类选择器4、伪元素选择器5、属性选择器6、CSS3 盒模型7、CSS3 新增属性①、边框圆角②、文字阴影③、边框阴影8、过渡属性9、2D转换10、案例-2D转换卡包特效11、3D 转换12、3D案例-正方体13、动画HTML 5 和 CSS3一、HTML5 新增语义化标签标签语义化以前制作原创 2020-10-21 21:51:57 · 1398 阅读 · 0 评论 -
CSS核心样式
CSS常用样式一、常用样式 – 字体属性1、粗细 font-weight2、字体风格 font-style3、行高 line-height4、字体综合 font二、常用样式 – 文本属性1、水平对齐 text-align2、文本修饰 text-decoration3、缩进 text-indent三、盒模型1、盒模型概述2、盒模型 - width3、盒模型 - height4、盒模型 - padding5、盒模型 - border6、盒模型 - margin.原创 2020-10-21 21:17:26 · 392 阅读 · 1 评论