![](https://img-blog.csdnimg.cn/b1d55294fa1f4a7aa8ace54ed2077059.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
① - 基础入门三大核心篇
文章平均质量分 92
该阶段了解前端行业发展,HTML5对于网页的意义,学习常用标签/属性,熟练进行结构搭建。掌握CSS3基本语法和使用,能够对网页进行简单的样式开发。美观的网页,酷炫的网页动态效果,是不是已经很心动了呢?
哈哥撩编程
【易编橙·终身成长社群】星主,2023年度·博客之星&超级个体得主,COC上海社区主理人,谷歌、亚马逊、1024等开发者大会分享嘉宾,《程序员:职场效能必修宝典》作者。
展开
-
〖大前端 - 基础入门三大核心之 html 篇③〗- 简单了解互联网基本原理
本文给刚入行的童鞋们介绍了一下互联网的基本原理,已经对这些基础知识烂熟于胸的大牛们简单看一下就好~原创 2023-02-28 08:30:00 · 22098 阅读 · 4 评论 -
〖大前端 - 基础入门三大核心之 html 篇④〗- 初步认识html网页文件与HTML5骨架
在前导课中我们大致了解了”前端“行业和技术,也安装好了开发环境,了解了互联网的基本原理,可以说我们已经迈出了进入前端开发行业的第一步。但这还远远远远不够,从今天开始正式进入前端开发技术的学习,从认识HTML网页文件开始,一起加油吧!原创 2023-03-01 20:20:07 · 22106 阅读 · 0 评论 -
〖大前端 - 基础入门三大核心之 html 篇⑤〗- 网页的基础配置
上一篇学习完后,我们知道HTML骨架包含DTD、html标签对,html标签对还嵌套了 head 标签对和 body 标签对。我们也知道 head 标签对里是网页的配置,body标签对里是网页的内容。这篇文章就先来了解一些网页的基础配置。原创 2023-03-02 06:00:00 · 22086 阅读 · 0 评论 -
〖大前端 - 基础入门三大核心之 html 篇⑥〗- 认识标签、标题和段落标签
上篇我们学习了一些网页的基础配置,知道了head标签中的meta标签,title标签,但到底什么是”标签“呢?接下来我们就来正式认识一下”标签“。原创 2023-03-02 14:45:43 · 21977 阅读 · 2 评论 -
〖大前端 - 基础入门三大核心之 html 篇⑦〗- div标签 与 HTML5特性
接下来,我们来学习一下HTML5的几个特性,掌握了这几个特性,会让我们在编写HTML的过程中更加得心应手~原创 2023-03-03 00:56:05 · 22144 阅读 · 2 评论 -
〖大前端 - 基础入门三大核心之 html 篇⑧〗- 无序列表
接下来我们来学习HTML5中的列表标签,html5提供了三种列表标签,分别是 `无序列表、有序列表及定义列表`, 该章节为大家介绍的就是 "无序列表"。原创 2023-03-03 16:44:21 · 22415 阅读 · 4 评论 -
〖大前端 - 基础入门三大核心之 html 篇⑨〗- 有序列表与定义列表
在上一章节我们学习了 "无序列表" ,接下来就来了解并学习,“有序列表” 与 “定义列表” 的使用。原创 2023-03-04 06:00:00 · 21907 阅读 · 0 评论 -
〖大前端 - 基础入门三大核心之 html 篇⑩〗- 图片标签
前面我们学习了标题标签、段落标签、列表标签等,都是在网页上插入文本格式的内容,那么网页上常见的图片、视频音频、超级链接等是怎么插入的呢?这就用到了多媒体标签,多媒体标签包括图片标签、超级链接、音频和视频。原创 2023-03-04 07:00:00 · 22413 阅读 · 75 评论 -
〖大前端 - 基础入门三大核心之 html 篇⑪〗- 超级链接
网页中的超级链接非常普遍,接下来我们就来学习超级链接标签的使用。原创 2023-03-05 07:00:00 · 22016 阅读 · 4 评论 -
〖大前端 - 基础入门三大核心之 html 篇⑫〗- 音频和视频
现在HTML5可以轻松的在网页中插入音频和视频,下面我们就一起来音频和视频标签吧。原创 2023-03-05 22:00:00 · 21904 阅读 · 5 评论 -
〖大前端 - 基础入门三大核心之 html 篇⑫〗- 区块标签与小语义标签
我们已经学过,div标签 可以实现文档区块分隔。以前 “div标签”是实现文档区块分割的唯一手段,为了区分每个div的功能,程序员会借助div标签的class属性进行这一操作。那么接下来就为各位小伙伴们介绍一下 “区块标签” 和 “小语义标签”。原创 2023-03-06 21:30:00 · 22067 阅读 · 1 评论 -
〖大前端 - 基础入门三大核心之 html 篇⑬〗- 表单的创建与基本控件(1)
从这篇开始我们进入表单标签的学习。首先来了解一下,表单是什么?表单用来收集信息,比如注册、登录、发表评论反馈、购买商品等等。原创 2023-03-07 06:00:00 · 22116 阅读 · 2 评论 -
〖大前端 - 基础入门三大核心之 html 篇⑭〗- 表单的基本控件(2)
前面学习了表单的创建和单行文本框、单选按钮、复选按钮三个基本控件,表单当然不止这三种控件,下面我们接着学习其他的基本控件。原创 2023-03-08 00:00:27 · 234 阅读 · 2 评论 -
〖大前端 - 基础入门三大核心之 html 篇⑮〗- HTML5新增的表单控件
前面学过的基本控件是HTML4和HTML5都支持的控件,所以兼容性也很好。下面我们来介绍HTML5新增的表单控件。原创 2023-03-08 23:57:32 · 22190 阅读 · 0 评论 -
〖大前端 - 基础入门三大核心之 html 篇⑯〗- 认识表格 与 合并单元格
我们已经把表单相关的内容学完了,知道了什么是表单、如何创建表单、表单有哪些基本控件等。网页中还有种比较常见的东西,就是表格。接下来就一起学习它吧。原创 2023-03-09 00:00:22 · 22340 阅读 · 1 评论 -
〖大前端 - 基础入门三大核心之 html 篇⑰〗- HTML篇内容总结
HTML的内容就先学到这里,实际项目过程中,我们使用到的并不只有这些知识,但没关系,我们先掌握了这些基础知识,明白了HTML脚本编写的规律,然后多加练习,自然会熟能生巧,举一反三。原创 2023-03-09 23:58:27 · 21973 阅读 · 2 评论 -
〖大前端 - 基础入门三大核心之CSS篇①〗- CSS简介与书写位置
学习css是需要有比较强力的平面、空间想象力的。css就像是数学中的几何,热爱几何的人会为它的“美”着迷。原创 2023-03-10 23:59:03 · 22184 阅读 · 0 评论 -
〖大前端 - 基础入门三大核心之CSS篇②〗- CSS选择器之标签选择器、id选择器、class选择器与原子类
我们知道css是用来给HTML标签定义样式的,那么我们怎么给指定的标签定义想要的样式呢?这就需要用到css选择器 “选中” 这个标签。原创 2023-03-11 06:00:00 · 22253 阅读 · 5 评论 -
〖大前端 - 基础入门三大核心之CSS篇③〗- CSS选择器之复合选择器与伪类
css的标签选择器、id选择器、类选择器是最基本的选择器,事实上,这些选择器还可以通过不同的方式组合,形成复合选择器。原创 2023-03-11 22:51:38 · 22027 阅读 · 2 评论 -
〖大前端 - 基础入门三大核心之CSS篇④〗- CSS选择器之元素关系选择器、序号选择器与属性选择器
CSS3相比CSS2.1又新增和很多实用的选择器和伪类,`从IE7开始兼容`,兼容性也很好。下面就介绍一下CSS3新增的选择器。原创 2023-03-12 06:00:00 · 22116 阅读 · 2 评论 -
〖大前端 - 基础入门三大核心之CSS篇⑤〗- CSS3新增伪类与伪元素
该章节,将为各位小伙伴介绍一下 "CSS3" 新增的 "伪类" 与 "伪元素" 。原创 2023-03-12 08:00:00 · 22180 阅读 · 15 评论 -
〖大前端 - 基础入门三大核心之CSS篇⑥〗- CSS选择器的层叠性和权重计算
学了这么多CSS的选择器,我们知道一个标签可以用不同的选择器选择,那如果被多个不同的选择器选择,这个标签会被赋予什么样式呢?这就涉及到CSS的一个非常重要的性质——"层叠性"。接下来,我们来了解一下CSS的层叠性和权重计算。原创 2023-03-13 06:00:00 · 21943 阅读 · 1 评论 -
〖大前端 - 基础入门三大核心之CSS篇⑦〗- CSS3文本的常用文本样式属性
在前面的内容中,我们已经接触过一些文本的样式属性了,例如color,font-size等,下面我们就来集中详细学习一下这些文本的属性的使用。原创 2023-03-13 07:00:00 · 22014 阅读 · 1 评论 -
〖大前端 - 基础入门三大核心之CSS篇⑧〗- CSS3文本的常用文本样式属性之字体属性详解
font-family属性指定的字体必须是用户计算机中已经安装好的字体,如果你设置的字体是个不常用的字体,用户电脑中很可能没有安装,那么用户在浏览网页中字体会显示异常。所以一般设置为微软雅黑和宋体较多。如果想用自己的字体,需要自己定义一个字体。增加字体文件(当用户加载网页的时候,会同时自动下载字体文件);用@font-face定义字体1.字体文件字体文件根据操作系统和浏览器的不同,有eot、woff2、woff、ttf、svg五种文件格式,定义一个字体需要同时有这五种文件。原创 2023-03-14 23:22:40 · 21943 阅读 · 0 评论 -
〖大前端 - 基础入门三大核心之CSS篇⑨〗- CSS3文本的常用文本样式属性之段落和行的属性
文本样式属性已经了解的差不多了,接下来我们学习一些段落和行的属性,比如缩进、行高、单行文本垂直居中&水平居中等。原创 2023-03-14 23:58:26 · 21988 阅读 · 0 评论 -
〖大前端 - 基础入门三大核心之CSS篇⑩〗- CSS的继承性
我们之前学习了CSS的层叠性,CSS还有一个非常重要的特性——继承性。接下来就来了解它吧~ PS:该章节内容篇幅较少。原创 2023-03-16 06:00:00 · 21858 阅读 · 0 评论 -
〖大前端 - 基础入门三大核心之CSS篇⑪〗- 认识盒模型
我们在学习div标签时讲过“我们的网页就是由众多的盒子和盒子嵌套组成的”,而且不仅仅div标签是盒子,事实上,所有HTML标签都可以看成是矩形盒子。这些大大小小的盒子有共同的特性,我们可以总结出一个模型——“盒模型”。接下来我们就来了解“盒模型”。原创 2023-03-16 07:00:00 · 21838 阅读 · 0 评论 -
〖大前端 - 基础入门三大核心之CSS篇⑫〗- 盒子的居中和空间分配计算
在了解了盒模型后,我们发现盒子还有个属性 - "margin" 没有提到,"margin"是盒子的外边距,也是比较重要的属性,涉及到盒子在网页中的布局。接下来我们来学习与"margin"相关的知识点及盒子的空间分配。原创 2023-03-17 19:00:00 · 21902 阅读 · 0 评论 -
〖大前端 - 基础入门三大核心之CSS篇⑬〗- 行内元素、块级元素 与 行内块
上文中我们已经提到过行内元素和块级元素,我们知道div标签是块级元素,span标签是行内元素。但两个更详细的区分是什么?其他我们学过的标签属于行内元素还是块级元素?接下来我们就来解答这些疑问。原创 2023-03-17 20:00:00 · 285 阅读 · 2 评论 -
〖大前端 - 基础入门三大核心之CSS篇⑭〗- CSS浮动
学习了盒模型后,我们知道常用的块级元素默认是上下排列的,我们制作网页过程中,肯定需要使这些元素能够并排显示,这就要用到“浮动”。接下来我们就一起来了解浮动吧。原创 2023-03-18 06:00:00 · 21972 阅读 · 3 评论 -
〖大前端 - 基础入门三大核心之CSS篇⑮〗- BFC和浏览器差异
接下来我们就了解一下 `BFC规范` 吧。原创 2023-03-21 23:45:55 · 21888 阅读 · 1 评论 -
〖大前端 - 基础入门三大核心之CSS篇⑯〗- 相对定位、绝对定位 与 固定定位
页面布局时常用到定位,用来给元素安排它的位置。定位又分为相对定位、绝对定位和固定定位。原创 2023-03-21 23:51:10 · 22381 阅读 · 10 评论 -
〖大前端 - 基础入门三大核心之CSS篇⑰〗- 边框与阴影
该章节主要为大家介绍一下边框与阴影的相关知识点,话不多少,我们开整。原创 2023-03-22 23:56:12 · 21944 阅读 · 1 评论 -
〖大前端 - 基础入门三大核心之CSS篇⑱〗- CSS中的背景
我们已经非常熟悉 “background-color” 属性了,知道它可以用来设置背景的颜色。实际工作中,肯定不仅仅给背景设置纯色,否则就太丑了。背景还可以设置背景图片,渐变色,多个颜色,还需要对背景进行裁切、位置调整等。下面我们就来详细的了解一下css中的背景。原创 2023-03-24 06:00:00 · 23469 阅读 · 79 评论 -
〖大前端 - 基础入门三大核心之CSS篇⑲〗- CSS精灵的使用 与 background综合属性
书接上一篇,我们继续学习背景中css精灵的使用、background综合属性和背景渐变。原创 2023-03-25 07:00:00 · 22041 阅读 · 23 评论 -
〖大前端 - 基础入门三大核心之CSS篇⑳〗- 2D变形
变形是CSS3中新增的一个非常有意思的属性,可以将元素进行2D变形和3D变形,例如旋转、缩放、位移等;还可以结合过渡实现一些特别神奇的动画效果。接下来就一起来了解css3这个强大又有趣的功能吧。原创 2023-03-26 06:00:00 · 23573 阅读 · 84 评论 -
〖大前端 - 基础入门三大核心之CSS篇㉑〗- 3D变形 与空间移动
在上一章节,我们学到的变形都是2D变形,就是在一个平面变形。接下来我们来学习3D变形。3D变形依然使用 `transform属性` 来设置。原创 2023-03-28 06:00:00 · 24397 阅读 · 111 评论 -
〖大前端 - 基础入门三大核心之CSS篇㉒〗- 过渡属性的基本使用
过渡属性是css3浓墨重彩的特性,过渡其实就是将元素从一个样式到另一个样式的过程展现出来。可以实现动态的变形效果。原创 2023-03-29 12:10:10 · 23349 阅读 · 83 评论 -
〖大前端 - 基础入门三大核心之CSS篇㉓〗- 过渡的缓动效果
上篇我们已经学会了过渡的基本使用,也知道了 "transition" 有四个参数,接下来我们来详细的学习一下 "transition" 的第三个参数 - "缓动参数" 。原创 2023-03-31 06:00:00 · 23681 阅读 · 77 评论 -
〖大前端 - 基础入门三大核心之CSS篇㉔〗- 动画效果与实战小案例
我们学习了 "过渡" 之后,结合 "变形" ,已经可以实现动画了,但编写起来比较复杂,而且一定手动来触发这个动画(比如鼠标浮上去),如果说,我们打开网页就可以看到一些动画,该怎么实现呢?这就用到了css3新增的另一个强大的功能—— "动画" 。原创 2023-04-01 00:11:40 · 22258 阅读 · 48 评论