（拍桌子）你是不是一看到代码就头大？别慌！今天咱们就像拼乐高一样，把网页设计的代码拆开了揉碎了讲。我刚开始学的时候，连标签符号都分不清，现在不也能做出像模像样的网页了嘛？走着！
一、基础建材：HTML的必知必会
HTML就像盖房子的钢筋骨架，没它网页根本立不起来。新手记住这几个标签就够用啦：
标签是万能文字框，就像记事本里敲字那样简单点我跳转这串代码能变出超链接，比微信转发还方便
（挠头）哎，这时候你可能会问：这些标签到底怎么组合使用啊？看好了！举个栗子：
html运行**DOCTYPE html><html><head> <title>我的第一个网页title>head><body> <h1>欢迎来到我的小窝h1> <p>这里记录着我的学习笔记~p>body>html>
重点来了：开头的千万别省！这个声明能让所有浏览器都乖乖听话，不然页面可能变成乱码。
二、装修秘籍：CSS的化妆魔法
光有骨架太寒碜？CSS就是给网页上妆的粉刷匠。记住这三个套路：
- 精准定位：用
.class名或#id名选中要打扮的元素 - 属性赋值：颜色用
color:#ff0000，字号用font-size:16px - 响应式布局：加个
@media (max-width:768px)，手机电脑自动适配
（敲黑板）实战案例走一个：
css**/* 把正文变成小清新风格 */body { background: #f0f0f0; /* 背景色 */ font-family: "微软雅黑"; /* 字体 */ line-height: 1.6; /* 行间距 */}
特别提示：新手容易把CSS写在HTML里，记得用
版权声明：除非特别标注，否则均为本站原创文章，转载时请以链接形式注明文章出处。
