HTML框架要点须知
首先我们需要知道HTML是什么？
我的理解是一门工具，一门能够参与到构建网页骨架的工具，我们需要用到各个元素，语句句式，遵循一定的语法规范。官方的解释是超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。可以使用 HTML 来建立自己的 WEB 站点，HTML 运行在浏览器上，由浏览器来解析。
HTML语法规范：
*所有的标签写在<>中。有结束标签</html>、开始标签<html>、单标签<br>。
*HTML标签通常都是成对出现的，例如<html>和</html>称之为双标签。
*双标签关系分为两类：包含关系和并列关系，包含（父子）关系比如<htnl>包含<head>;并列（兄弟）关系比如<body>和<head>。
*<html>标签是根标签、<head>标签是头部标签、<title>标签是标题标签、<body>标签是文档的主体标签。
HTML结构：
*文档的首行要写<!DOCTYPE html>，目的是为了告诉浏览器使用什么版本的HTML。
* 文档内所有的标签都必须被涵盖在根标签<html></html>中
* 告知浏览器此页面是属于什么字符编码格式，下一步做好翻译工作，比如<meta charset=”UTF-8”>
* 需要向浏览器通知文本是哪种类型的语言,比如英文<html lang=”en”>
* 还需要加上这串代码 <meta name=”viewport” content=”width=device-width,initial-scale=1.0”>width表示移动设备下显示的宽度为设备宽度，height表示移动设备下显示的高度为设备高度initial-scale表示谁被与视口的缩放比率，meta标签就是告诉浏览器，不要在移动端显示的时候缩放。
* 需要题目<title>,头部标签<head>,身体标签<body>
CSS框架要点须知:
同样，首先，我们需要知道css是什么？在我的理解来看就是一种辅助工具，辅助HTML能更好的搭建网页骨架，并进行一定给的优化，丰富网页的内容，实现我们视觉上可以达到的一些功能的辅助性工具。
那么他该怎么使用呢？首先来看他的使用方法是多样的，有外部样式表、内部样式表、内联样式表、多重样式表四种使用方法，也分别对应不同的使用场景、更是分为不同的优先级顺序。
首先说我目前比较了解的内部样式表吧，因为跟着文档学习，了解的例子大多是内部样式表。这种样式表是直接放在<head>元素里面的用来控制较少、不复杂的页面。一般将style作为存放css元素的容器。
其次是外部样式表，当样式需要很多页面时，利用外部样式表，通过改变一个文件来改变整个站点的外观，每个页面用<link>标签链接到样式表。<link>标签在文档的头部。浏览器会从mystyle.class中读到样式声明。并根据他进行格式文档。外部样式表可以在任何文本编辑器中进行编辑，文件中不能包含任何<html>标签。样式表应该以.css扩展名进行保存。
网友评论