前端基础学习第一天
文章目录
一、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>