《Web前端开发之HTML+CSS精英课堂【渡一教育】》文档版笔记（完结）

Panda颜

已于 2024-06-24 11:47:56 修改

阅读量1.2w

点赞数 17

分类专栏： web前端渡一教育文章标签： web前端 html css

于 2019-06-23 12:04:23 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_43494837/article/details/93312591

版权

这是一份详细的HTML和CSS学习笔记，涵盖从基础到进阶的内容，包括HTML的charset、lang、基本标签和容器，CSS的选择器、字体、颜色、权重计算，以及企业开发经验、盒子模型和层模型等。笔记源自渡一教育的课程，推荐直接观看完整课程以获取更深入的理解。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

这个笔记本来是想先上文档版的，但由于里面有些标签会导致显示不出来，所以之前只上了个思维导图版的。
时隔好久，想发篇markdown版的博文时，一进来就看见这篇文档版的草稿，顺便学下markdown的写法，也补上上文档版的笔记。
笔记较多也较零碎，但是渡一的课程质量真的是杠杠的（哈哈哈！我是渡一忠实粉！），所以还是建议大家直接去看课程的好。

（js的课程还在学习中，后期也会整理出文档版和思维导图版笔记的，希望能给大家带来帮助，如有描述不当的地方，欢迎指出~ ^ _ ^）

课程链接：https://ke.qq.com/course/231570
思维导图版笔记：https://blog.youkuaiyun.com/weixin_43494837/article/details/88774396

文档版：

一、html初级篇

1．html：hyperText markup language，超文本标记语言
2．<meta charset = “utf-8”>
（1）charset：编码
① utf-8：万国码，包括所有国家的语言，8bit
② gb2312：国家标准码，不包括繁体
③ gbk：国家标准扩展码，包括繁体

3．<html lang = “en, ch”>
（1）lang：语言，为爬虫而标识
① en：英文
② ch：中文
4．基本标签
（1）<p>：段落标签，成段
（2）<h1>~<h6>：标题，成段，更改字体大小，加粗
（3）<strong>：加粗
（4）<em>：斜体
（5）<del>：删除线
（6）<address>：地址，成段，斜体
5．容器
（1）<div>：成段

最低0.47元/天解锁文章