前端基础——初识

前端基础学习第一天

一、HTML CSS JavaScript初步了解

HTML是整体框架,CSS设置不同样式,JavaScript实现动态请求、网络交互等效果。

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
</html>

打开VScode,shift+!然后回车,开始编程之旅。

二、熟读HTML菜鸟教程

1.结识HTML元素三大类:行内元素(内联元素)、块级元素、行内块元素。

块级元素:成块称快的元素,高度宽度都可改变。会霸占一整行,所以会让其他元素另起一行(遇到其他元素就自动换行)。

例:<div><p><table><h1>~<h6><ul><ol>

行内元素:显著的特征就是高度宽度不可改变。并且不会自动换行,高度宽度随自身文本或者其他内容而定。

例:<span><a><br>

行内块元素:综合块级和行内元素的特性。不会自动换行同时高度宽度等都可设置。

例:<img>

2. 常用选择器分类:id选择器、类选择器、标签(元素)选择器、通配符选择器

id选择器写法:

<div id="head">
    </div>

                
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值