前端
文章平均质量分 94
千寻_Monster
认清这个世界,然后爱它,就这么一辈子,下一世你可能就不在这个世界了,有些烦恼,丢掉了,才有风轻云淡的机会。
展开
-
2021年1月-第02阶段-前端基础-HTML+CSS阶段-Day01
HTML5 第一天一、什么是 HTML51.HTML5 的概念与定义定义:HTML5 定义了 HTML 标准的最新版本,是对 HTML 的第五次重大修改,号称下一代的 HTML两个概念:是一个新版本的 HTML 语言,定义了新的标签、特性和属性拥有一个强大的技术集,这些技术集是指: HTML5 、CSS3 、javascript, 这也是广义上的 HTML52.HTML5 拓展了哪些内容语义化标签本地存储兼容特性2D、3D动画、过渡CSS3原创 2021-06-04 14:41:18 · 117 阅读 · 0 评论 -
2021年1月-第02阶段-前端基础-HTML+CSS进阶-VS Code 软件
软件安装VSCode软件能够安装 VS Code能够熟练使用 VS Code 软件能够安装 VS Code 最常用的插件1. VS Code简介1.1 VS Code 简介Visual Studio Code (简称 VS Code / VSC) 是微软公司推出的一款免费开源的现代化轻量级代码编辑器,支持几乎所有主流 的开发语言的语法高亮、智能代码补、GIT 等特性,支持插件扩展等等。推荐理由比 sublime 开源,比 webstorm 更轻智能提示很强大自原创 2021-06-04 14:40:17 · 147 阅读 · 0 评论 -
2020年12月-第01阶段-前端基础-HTML CSS 项目阶段(四)
1. 品优购项目(四)1). 详情页 detail.html 常用单词名称说明主体de_container面包屑导航crumb_wrap产品介绍product_intro ( introduction介绍)预览包preview_wrap(左侧部分)预览缩略图preview_img预览列表preview_list左按钮arrow_prev右按钮arrow_next小图列表preview_items产品详细信息原创 2021-06-04 14:37:35 · 113 阅读 · 0 评论 -
2020年12月-第01阶段-前端基础-HTML CSS 项目阶段(三)
品优购项目(三)1. 首页制作1). 楼层区 floor注意这个floor 一个大盒子 包含, 不要给高度,内容有多少,算多少2). 家用电器模块这个模块 简单 不需要写样式版心居中对齐 因为这些模块 基本相同,下面的 模块基本用这些样式 所以 咱们下面两个盒子的命名是:1号盒子 box-hd 给一个高度, 有个下边框 里面分为左右2个盒子2号盒子 box-bd 不要给高度。3). box-hd 模块有高度左边 h3 盒原创 2021-06-04 14:38:40 · 114 阅读 · 0 评论 -
2020年12月-第01阶段-前端基础-HTML CSS 项目阶段(二)
品优购项目(二)目标:能课堂跟上pink老师的节奏完成品优购项目1. 品优购首页布局命名集合:名称说明快捷导航栏shortcut头部header标志logo购物车shopcar搜索search热点词hotwrods导航nav导航左侧dropdown 包含 .dd .dt导航右侧navitems页面底部footer页面底部服务模块mod_service页面底部帮助模块mod_hel原创 2021-06-03 13:20:27 · 103 阅读 · 0 评论 -
2020年12月-第01阶段-前端基础-HTML CSS 项目阶段(一)
品优购项目(一)目标:能会引入ico图标能简单看懂网站优化的三大标签能使用字体图标 ( 重点 )能说出我们css属性书写顺序能课堂跟上pink老师的节奏完成品优购项目1. 品优购项目介绍项目名称:品优购项目描述:品优购是一个电商网站,我们要完成首页、列表页、详情页、注册页面的制作2. 项目背景现阶段电商类网站很流行,很多同学毕业之后会进入电商类企业工作,同时电商类网站需要的技术也是较为复杂的,复习、总结、提高前面所学布局技术。3. 设计目标保证浏览器 ie7原创 2021-06-03 13:19:43 · 209 阅读 · 0 评论 -
2020年12月-第02阶段-前端基础-品优购项目规范
代码规范1. 概述欢迎使用品优购代码规范, 这个是我借鉴京东前端代码规范,组织的品优购内部规范。旨在增强团队开发协作、提高代码质量和打造开发基石的编码规范,以下规范是团队基本约定的内容,必须严格遵循。HTML规范基于 W3C、苹果开发者 等官方文档,并结合团队业务和开发过程中总结的规范约定,让页面HTML代码更具语义性。图片规范了解各种图片格式特性,根据特性制定图片规范,包括但不限于图片的质量约定、图片引入方式、图片合并处理等,旨在从图片层面优化页面性能。CSS规范统一规范团队原创 2021-05-29 21:47:11 · 122 阅读 · 0 评论 -
2020年12月-第02阶段-前端基础-CSS Day07
CSS Day07CSS高级技巧理解能说出元素显示隐藏最常见的写法能说出精灵图产生的目的能说出去除图片底侧空白缝隙的方法应用能写出最常见的鼠标样式能使用精灵图技术能用滑动门做导航栏案例1. 元素的显示与隐藏目的让一个元素在页面中消失或者显示出来场景类似网站广告,当我们点击关闭就不见了,但是我们重新刷新页面,会重新出现!1.1 display 显示(重点)display 设置或检索对象是否及如何显示。display: none 隐藏对象原创 2021-05-29 21:45:44 · 121 阅读 · 0 评论 -
2020年12月-第02阶段-前端基础-CSS Day06
CSS Day06定位(position)理解能说出为什么要用定位能说出定位的4种分类能说出四种定位的各自特点能说出我们为什么常用子绝父相布局应用能写出淘宝轮播图布局1. CSS 布局的三种机制网页布局的核心 —— 就是用 CSS 来摆放盒子位置。CSS 提供了 3 种机制来设置盒子的摆放位置,分别是普通流、浮动和定位,其中:1.普通流(标准流)2.浮动让盒子从普通流中浮起来 —— 让多个盒子(div)水平排列成一行。3.定位将盒子定在某一个位置原创 2021-05-25 00:35:57 · 122 阅读 · 0 评论 -
2020年12月-第02阶段-前端基础-CSS Day05
CSS Day051. 学成在线页面制作理解能够说写单页面我们基本的流程能说出常见的css初始化语句能说出我们CSS属性书写顺序应用能利用ps切图能引入外部样式表能把psd文件转换为html页面学成在线的目的就是为了串联前面的所有知识。取义学有所成,为师之期望,君等成才者也,故曰学成网是也~~1.1 前期准备素材学成在线PSD源文件开发工具 = PS(切图) + sublime(代码) + chrome(测试)1.2 前期准备工作工欲善其事,必先利其原创 2021-05-23 03:39:50 · 100 阅读 · 0 评论 -
2020年12月-第02阶段-前端基础-CSS Day04
1. 浮动(float)记忆能够说出 CSS 的布局的三种机制理解能够说出普通流在布局中的特点能够说出我们为什么用浮动能够说出我们为什么要清除浮动应用能够利用浮动完成导航栏案例能够清除浮动能够使用PS切图工具1.1 CSS 布局的三种机制网页布局的核心——就是用 CSS 来摆放盒子。CSS 提供了** 3 种机制来设置盒子的摆放位置,分别是普通流(标准流)、浮动和定位**,其中:1.普通流(标准流)块级元素会独占一行,从上向下顺序排列;常用元原创 2021-05-09 00:16:29 · 215 阅读 · 0 评论 -
2020年12月-第02阶段-前端基础-CSS Day03
CSS Day03盒子模型(CSS重点)css学习三大重点: css 盒子模型 、 浮动 、 定位主题思路:理解:1.能说出盒子模型有那四部分组成2.能说出内边距的作用以及对盒子的影响3.能说出padding设置不同数值个数分别代表的意思4.能说出块级盒子居中对齐需要的2个条件5.能说出外边距合并的解决方法应用:1.能利用边框复合写法给元素添加边框2.能计算盒子的实际大小3.能利用盒子模型布局模块案例1.看透网页布局的本质网页布局中,我们是如何原创 2021-05-08 02:02:43 · 323 阅读 · 0 评论 -
2020年12月-第02阶段-前端基础-CSS Day02
CSS Day02复合选择器后代选择器并集选择器1. CSS复合选择器理解理解css复合选择器分别的应用场景为什么要学习css复合选择器CSS选择器分为 基础选择器 和 复合选择器 ,但是基础选择器不能满足我们实际开发中,快速高效的选择标签。目的是为了可以选择更准确更精细的目标元素标签。复合选择器是由两个或多个基础选择器,通过不同的方式组合而成的1.1 后代选择器(重点)概念:后代选择器又称为包含选择器作用:用来选择元素或元素组的子孙后原创 2021-04-26 13:15:19 · 109 阅读 · 0 评论 -
2020年12月-第02阶段-前端基础-CSS字体样式
CSS字体样式属性调试工具应用使用css字体样式完成对字体的设置使用css外观属性给页面元素添加样式1.font字体1.1 font-size:大小作用:font-size属性用于设置字号p { font-size:20px; }单位:可以使用相对长度单位,也可以使用绝对长度单位。相对长度单位比较常用,推荐使用像素单位px,绝对长度单位使用较少。注意:我们文字大小以后,基本就用px了,其他单位很少使用谷歌浏览器默认的文字大小为16px原创 2021-04-20 23:19:18 · 170 阅读 · 0 评论 -
2020年12月-第02阶段-前端基础-CSS基础选择器
CSS选择器(重点)理解能说出选择器的作用id选择器和类选择器的区别1. CSS选择器作用(重点)如上图所以,要把里面的小黄人分为2组,最快的方法怎办?很多, 比如 一只眼睛的一组,剩下的一组选择器的作用找到特定的HTML页面元素CSS选择器干啥的? 选择标签用的, 把我们想要的标签选择出来 必须记住的css 就是 分两件事, 选对人, 做对事。h3 { color: red;}这段代码就是2件事, 把 h3选出来, 然后 把它变成了 红色。原创 2021-04-12 13:22:20 · 130 阅读 · 0 评论 -
2020年12月-第02阶段-前端基础-CSS初识
CSS层叠样式表理解css的目的作用css的三种引入方式1.HTML的局限性说起HTML,这其实是个非常单纯的家伙, 他只关注内容的语义, 比如`<h1>`表明这是一个大标题,用<p> 表明这是一个段落,用`<img>` 表明这儿有一个图片, 用`<a>` 表示此处有链接。很早的时候,世界上的网站虽然很多,但是他们都有一个共同的特点: 丑。这个是一个外国比较早的购物网站有些人就忍受不了了,你就不能把自己打扮得漂亮一点吗?原创 2021-04-11 14:00:01 · 123 阅读 · 0 评论 -
2020年12月-第01阶段-前端基础-列表和表单
1. 列表标签(重点)理解无序列表的应用场景自定义列表的应用场景问?前面我们知道表格一般用于数据展示的,但是网页中还是有很多跟表格类似的布局,如下图~~ 我们用什么做呢?答:答案是列表, 那什么是列表? 表格是用来显示数据的,那么列表就是用来布局的。 因为它非常整齐和自由概念:容器里面装载着结构,样式一致的文字或图表的一种形式,叫列表特点:列表最大的特点就是 整齐 、整洁、 有序,跟表格类似,但是他可组合自由度会更高。1.1 无序列表 ul (重点)原创 2021-04-11 13:29:46 · 215 阅读 · 0 评论 -
2020年12月-第01阶段-前端基础-表格 table
表格 table(会使用)为了让我们页面显示的更加整齐,我们需要学习三个表(表格、表单、列表)理解:能说出表格用来做什么的表格的基本结构组成表格作用:存在即是合理的。 表格的现在还是较为常用的一种标签,但不是用来布局,常见显示、展示表格式数据。因为它可以让数据显示的非常的规整,可读性非常好。特别是后台展示数据的时候表格运用是否熟练就显得很重要, 一个清爽简约的表格能够把繁杂的数据表现得很有条理,虽然 div 布局也可以做到,但是总没有表格来得方便。ps: 这些地方用原创 2021-04-08 13:59:25 · 158 阅读 · 0 评论 -
2020年12月-第01阶段-前端基础-HTML常用标签
1. HTML常用标签首先 HTML和CSS是两种完全不同的语言,我们学的是结构,就只写HTML标签,认识标签就可以了。 不会再给结构标签指定样式了。HTML标签有很多,这里我们学习最为常用的,后面有些较少用的,我们可以查下手册就可以了。1.1 排版标签排版标签主要和css搭配使用,显示网页结构的标签,是网页布局最常用的标签。1)标题标签h (熟记)单词缩写: head 头部标题 title 文档标题为了使网页更具有语义化,我们经常会在页面中用到标题标签,HTML提供了6个等原创 2021-04-08 10:16:25 · 156 阅读 · 0 评论 -
2020年12月-第01阶段-前端基础-认识HTML
1. HTML 初识HTML 指的是超文本标记语言 (Hyper Text Markup Language)是用来描述网页的一种语言。HTML 不是一种编程语言,而是一种标记语言 (markup language)标记语言是一套标记标签 (markup tag)html作用网页是由网页元素组成的 , 这些元素是利用html标签描述出来,然后通过浏览器解析,就可以显示给用户了。所谓超文本,有2层含义:1.因为它可以加入图片、声音、动画、多媒体等内容(超越文本限制)2.不仅如此,它还可以从一原创 2021-04-04 12:01:09 · 114 阅读 · 0 评论 -
2020年12月-前端基础-认识WEB
认识WEB1.认识网页网页主要由文字、图像和超链接等元素构成。当然,除了这些元素,网页中还可以包含音频、视频以及Flash等。思考:网页是如何形成的呢?总结网页有图片、链接、文字等元素组成,我们后面的任务就是要把这部分网页元素用代码写出来。2. 浏览器介绍浏览器是网页显示、运行的平台,常用的浏览器有IE、火狐(Firefox)、谷歌(Chrome)、Safari和Opera等。我们平时称为五大浏览器。2.1 查看浏览器占有的市场份额查看网站:http://tongji.baidu原创 2020-12-24 12:52:10 · 186 阅读 · 0 评论