四天带你快速前端入门

本文是一篇为期四天的前端入门教程,涵盖了HTML、CSS和JavaScript的基础知识,包括前端三驾马车的介绍,ID和类的选择器,盒模型,弹性盒模型,以及CSS的常用样式等。
摘要由CSDN通过智能技术生成

Day1

什么是前端,前端技术的应用

前端就是数据的呈现

了解代码的编写软件vs code。

vs code包含Emmet,所以可以快捷的完成很多操作

! 快速生成html基础结构

lorem+数字 快速生成指定值的随机单词

前端的三驾马车——HTML,CSS,JS

HTML——超文本标记语言 ,负责网页的结构

CSS——层叠样式表,负责网页的格式

JS ——负责网页的效果,JavaScript

CTRL+/——快速注释

指令*数量——快速执行多个重复命令

HTML包含哪些元素

开始标记、结束标记、元素内容、属性

什么是空元素?

空元素就是没有元素内容和结束标记的元素

元素嵌套的用法和规则

父元素和子元素、祖先元素和后代元素

不同元素可以相互嵌套

标签了解

<img src="" alt="">   
//src指的是图片的路径,alt指的是图片的描述性文本
<a href="">超链接文本</a>
//href指的是跳转链接的地址路径,元素内容填写超链接的文本
href里还可以放置文件路径,此时a标签就由跳转标签变为下载标签了
<p>
    这是一段文本
</p>
//p元素内容就是网页的段落文本
<h1>
    这是一级标题
</h1>
//h1到h6,一共是6级标题,依次从大到小,代表了标题的权重

Day2

什么是ID?

每一个元素都有不同的属性,但ID是每一个元素都有的属性了,每一个ID是唯一的,不可重复。所有引用ID地址的前面都需要加上#

ID锚点实例

<a href="#one">跳转到第一章</a>
<a href="#two">跳转到第二章</a>
<a href=
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值