HTMLCSS学习总结（一）

上周用了一周的时间，周一到周五平均每天2-3小时，周六、周日每天各8小时，看网易云课堂燕十八的HTML+div+CSS视频，感觉还不错，按照视频的讲课思路大概做个总结吧。

基本思路：从大的方面（整体结构）着手，将HTML（4.0）的基本知识“解构”然后运用，先不求学全，先学会用。

学习效果：掌握了下面的知识，基本就可以动手写各大网站的首页了，主要是练习使用div布局和CSS效果显示。

一、html的文档结构

doctype 文档类型

　　Strict：包含所有 HTML 元素和属性，但不包括展示性的和弃用的元素（比如 font）。不允许框架集（Framesets）。

　　Transitional：包含所有 HTML 元素和属性，包括展示性的和弃用的元素（比如 font）。不允许框架集（Framesets）。

　　Frameset：等同于Transitional但允许框架集内容。如果要写框架就要声名这一种。

head

　　title：浏览器工具栏中的标题、页面被添加到收藏夹时显示的标题、显示在搜索引擎结果中的页面标题

　　meta：元数据不会显示在页面上，但是对于机器是可读的。

　　　　　规定页面的描述、关键词、文档的作者、最后修改时间以及其他元数据。

　　　　<meta> 标签始终位于 head 元素中。

　　　　元数据可用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 web 服务。

　　style：标签用于为 HTML 文档定义样式信息。

body 主要就是div和各类标签

二、用div来控制布局

　　布局原则：从大到小、从上到下、从左到右

　　盒子模型：有宽（width）高（height），有边框（border）、有外边距（margin）、有内边距（padding）

　　浮动布局：div可以”飘“起来（float）、也可以清除浮动（clear）

　　自己可以试着，用简单的div+背景色，来试着布局，增强自己的”大局观“。

三、用CSS来控制显示效果

　　先了解各类选择器：di、class、标签、派生、伪类、通配

　　再了解各类效果如何控制

　　　　段落控制

　　　　　　text-align 文本水平对齐设置

海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理：https://www.xlkjsw.com

原标题：HTMLCSS学习总结（一）

关键词：HTML