html
打開VScode文件腺办，新建一個后綴為html的文件腕扶，
在右邊第一行輸入“!”回車，顯示代碼的主要結(jié)構(gòu)雌续。
<!DOCTYPE html>意思為代碼形式為HTML格式的
<html lang="en">不用在意
<head>
<title>Document</title>
</head>
這段代碼為head元素斩个，寫CSS，寫樣式
<body>
</body>
body元素里寫HTML驯杜。
css
如何顯示一個紅色50P的 HELLO WORLD
記住一定要保存代碼
寫屬性時要在head元素里受啥，style內(nèi)容里寫樣式
在body里定義了span或div后，在head里寫他們的屬性時鸽心，要在style里寫滚局，
例如div{color:red;}
如果有在head里定義了多個span,要用class分別命名，例如
<span class="q">Hello world</span>
<div class="w">hello world</div>
這樣在head元素中寫屬性時可分別寫不同class的樣式顽频，例如
<style>
.q{
color: red;
display: block;
}
</style>
各個屬性的意思
span{
color: blue; 字體顏色
font-size: 80; 字體大小
position: relative;
top: 50px;
left: 50px;
border: 1px solid red;
display: block;
width: 300px;
text-align: center;
padding: 20px 0;
}
