随笔分类 -  pink前端入门教程

动画translate
摘要：2D转换之移动translate 1,语法 transform: translate(x, y); transform: translatex(100px); transform: translatex(50%); 因为盒子的宽度是100px; 所以这里的50%就是50px transform: t 阅读全文
posted @ 2021-07-06 05:40 Sai佐为 阅读(202) 评论(0) 推荐(0)
品优购项目
摘要：能够独立完成你品优购首页制作 能够独立完成品优购列表页制作 能够独立完成品优购注册页制作 能够把品优购网站部署上线 品优购项目规划 品优购首页制作 品优购列表页制作 品优购注册页制作 域名注册与网站上传 品优购项目规划 1、品优购项目整体介绍 2、品优购项目学习目的 3、开发工具以及技术栈 创建目录 阅读全文
posted @ 2021-06-24 16:11 Sai佐为 阅读(161) 评论(0) 推荐(0)
HTML5 和CSS3
摘要：能够说出3~5个HTML5新增布局和表单标签 能够说出CSS3的新增特性有哪些 HTML5 新增特性主要是针对以前的不足，增加了一些新的标签、新的表单 和新的表单属性等 新特性都有兼容性问题，IE9+以上版本浏览器才支持，如果不考虑兼容性问题 在移动端，可以大量使用 以前布局，基本用div做，div 阅读全文
posted @ 2021-06-22 11:29 Sai佐为 阅读(92) 评论(0) 推荐(0)
CSS高级技巧导读
摘要：能够使用精灵图 能够使用字体图标 能够写出CSS三角 能够写出常见的CSS用户界面样式 能够说出常见的布局技巧 精灵图 字体图标 CSS三角 CSS用户界面样式 vertical-align属性应用 溢出的文字省略号显示 常见布局技巧 为什么需要精灵图 我们写的网站要放到远程服务器里面，只要能上网输 阅读全文
posted @ 2021-06-20 11:06 Sai佐为 阅读(47) 评论(0) 推荐(0)
定位
摘要：能够说出为什么要用定位 能够说出定位的4种分类 能够说出4中定位各自的特点 能够说出为什么常用子绝父相布局 能够写出淘宝轮播图布局 能够说出显示隐藏的2种方式以及区别 为什么需要定位 1、某个元素可以自由在一个盒子内移动位置，并压住（显示在最上面）其他盒子 2、滚动窗口时，盒子固定在屏幕的某个位置 阅读全文
posted @ 2021-06-16 12:54 Sai佐为 阅读(78) 评论(0) 推荐(0)
传统网页布局三种方式
摘要：能够说出为什么需要浮动 能够说出浮动的排列特性 能够说出3中最常见的布局方式 能够说出为什么需要清除浮动 能够写出至少2种清除浮动的方法 能够利用Photoshop实现基本的切图 能够利用Photoshop插件实现切图 能够完成学成在线的页面布局 浮动 常见网页布局 清除浮动 PS切图 学成在线案例 阅读全文
posted @ 2021-06-08 12:02 Sai佐为 阅读(570) 评论(0) 推荐(0)
盒子模型
摘要：能过准确阐述盒子模型的4个组成部分 能够利用边框复合写法给元素添加边框 能够计算盒子的实际大小 能够利用盒子模型布局模块案例 能够给盒子设置圆角边框 能够给盒子添加阴影 能够给文字添加阴影 盒子模型 PS基本操作 综合案例 圆角边框 盒子阴影 文字阴影 页面布局三大核心：盒子模型、浮动、定位 看透网 阅读全文
posted @ 2021-06-02 11:30 Sai佐为 阅读(96) 评论(0) 推荐(0)
背景
摘要：能使用emmet语法 CSS的复合选择器 CSS的元素显示模式 块、行内、行内块 CSS的背景 CSS的三大特性 CSS的注释 能够使用CSS复合选择器 能够写出伪类选择器的使用规范 能够说出元素有几种显示模式 能够写出元素显示模式的相互转换代码 能够写出背景图片的设置方式 能够计算CSS的权重 E 阅读全文
posted @ 2021-06-01 11:33 Sai佐为 阅读(118) 评论(0) 推荐(0)
01-CSS层叠样式表导读
摘要：能够说出什么是CSS 能够使用CSS基础选择器 能够设置字体样式 能够设置文本样式 能够说出CSS的三种引入方式 能够使用Chrome调试工具调试样式 1、HTML主要做结构，显示元素内容 2、CSS美化HTML，布局网页 3、CSS最大价值：结构html 样式css相分离 选择器分为 基础选择器 阅读全文
posted @ 2021-05-28 12:08 Sai佐为 阅读(53) 评论(0) 推荐(0)
表单
摘要：1，为什么需要表单 2，表单的组成 使用表单目的是为了收集用户信息， HTML中，一个完整的表单由3部分组成， 表单域，表单控件（表单元素）（小框框，小按钮），提示信息（身高，学历，月薪等）。 表单域的作用和语法规范 表单域是包含表单元素的区域 HTML中，<form>标签用于定义表单域，以实现用户 阅读全文
posted @ 2021-05-27 12:33 Sai佐为 阅读(657) 评论(0) 推荐(0)
列表
摘要：列表用来布局的 列表分为三大类：无序列表（重点）， 有序列表，自定义列表 <ul> <li></li> </ul> 1,无序列表没有顺序级别之分，是并列的 2,<ul>只能嵌套<li> ， 不能直接输入文字或其他标签 3<li>是容器 可以容纳所有元素 可以放<p> 4无序列表带有自己的样式属性，会 阅读全文
posted @ 2021-05-27 11:11 Sai佐为 阅读(74) 评论(0) 推荐(0)
表格
摘要：<table> <thead>//整体头部 <tr><th>1</th><th>1</th><th>1</th></tr> </thead> <tbody>//整体身体 <tr><td>2</td><td>2</td><td>2</td></tr> </tbody> </table> 合并单元格三步 阅读全文
posted @ 2021-05-27 07:32 Sai佐为 阅读(28) 评论(0) 推荐(0)
16-特殊字符
摘要： 阅读全文
posted @ 2021-05-27 06:11 Sai佐为 阅读(52) 评论(0) 推荐(0)
24-链接标签
摘要：外部链接 <a href="http://www.baidu.com" target="_blank"></a> // target打开窗口的方式 默认的值是 _self 当前窗口打开页面 _blank 新窗口打开页面 内部链接，网站内部页面之间的互相链接，直接链接内部页面名称即可（同一个项目很多文 阅读全文
posted @ 2021-05-27 06:05 Sai佐为 阅读(51) 评论(0) 推荐(0)
HTML标签
摘要：标签的书写注意规范 写出HTML骨架标签 写出超链接标签 写出图片标签并说出alt和title的区别 说出相对路径的三种形式 HTML语法规范 HTML基本结构标签 开发工具 HTML常用标签 HTML中的注释和特殊字符 <!DOCTYPE html> //文档类型的声明标签 作用是告诉浏览器页面是 阅读全文
posted @ 2021-05-25 17:01 Sai佐为 阅读(69) 评论(0) 推荐(0)
05 web标准
摘要：为什么需要Web标准 遵循Web标准有什么优点 Web标准是由什么构成的 Web标准是由 W3C组织 和 其他标准化组织 制定的一系列标准的集合 W3C(万维网联盟)是国际最著名的标准化组织。 围绕web标准，我们学习一下两点： 1、为什么需要web标准 2、Web标准的构成 一、为什么需要Web标 阅读全文
posted @ 2021-05-25 09:23 Sai佐为 阅读(90) 评论(0) 推荐(0)
04常用浏览器以及内核
摘要：1、常用的浏览器 2、浏览器内核 Safari浏览器是苹果浏览器 浏览器内核 负责读取网页内容，整理讯息，计算网页的显示方式并显示页面。 浏览器 内核 备注 IE Trident IE、猎豹安全、360极速、百度浏览器 firefox Gecko 火狐浏览器内核 Safari Webkit 苹果浏览 阅读全文
posted @ 2021-05-25 09:02 Sai佐为 阅读(77) 评论(0) 推荐(0)
03网页的相关概念
摘要：什么是网页？ 什么是HTML？ 网页的形成？ 什么是网页 网站是网页的一个集合 网页时网站的一个"页" 通常是HTML格式的文件，它是通过浏览器来阅读的 网页时构成网站的基本元素，网页：图片、文字、声音、视频、链接等元素构成，网页常见以.htm或.html后缀结尾的文件，俗称HTML文件 什么是HT 阅读全文
posted @ 2021-05-25 06:39 Sai佐为 阅读(158) 评论(0) 推荐(0)