【前言】
HTML介绍
HTML是Tim Berners-Lee“李爵士”和其同事发明的，它是通用标记语言SGML的简化，全称为超文本标记语言，是一种标记语言而不是一种编程语言，TeX, PostScript, SGML， XML, XHTML这些都是标记语言，文件扩展名为：.html。
CSS介绍
CSS (Cascading Style Sheets)全称为层叠样式表，发明者是赛門·芬奇(Håkon Wium Lie)与伯纳斯·李(Bert Bos)，是一种一种标准的样式表语言，用于前端样式表设计和布局，CSS 文件扩展名为 .css。
【关系】
HTML、CSS、JavaScript合称为网页前端“前端三剑客”,HTML主要负责一个页面的结构,CSS负责一个页面的样式设计,而JavaScript则是负责前端与用户的交互，三者各司其职却又紧密联系。
有个形象的比喻：“如果把一个网站比作一栋房子,那么HTML就是房子的骨架,CSS则是房子的外装饰,JS则是房子的灯光、窗帘等居家装饰。”生动形象的表面了三者之间的关系。
【作用】
HTML
毋庸置疑，HTML的作用是用来开发网页，一个原始的网页并不是我们现在浏览器所看到的功能齐全的网页，而是相当与一张白纸，没有各种文字、图片、按钮、链接、表格等。
因此我们需要用HTML标记标签来描述和构造网页的内容和结构，可以向网页中添加一些元素：文字、图形、动画、表格、链接等，为网页打造基本的骨架，让用户可以更方便清晰地使用网页。
CSS
光有了骨架可不行，还需要美观，毕竟“爱美之心，人皆有之”，此时CSS就派上用场了，不仅是为了美化页面，更多的是让为了提升用户的体验，这是产品设计的初衷。
下面罗列一些CSS的基础功能：
1.改变元素的颜色（包括字体、边框、背景等）
2.设置元素的大小（字体大小和加粗、按钮和图片长宽等）
3.设置页面中元素的位置（比如position和margin等属性）
4.网页的定位和浮动
5.设置元素的其他属性（比如边框显示、文本对齐、输入提示等）
【基础用法】
HTML
HTML的基本格式为
<html lang="en">
<head>
<meta charset="utf-8">
<title>网页标题</title>
</head>
<body>
<h1>标题</h1>
<p>Hello World</p>
</body>
</html><html> 元素是 HTML 页面的根元素
<head> 元素包含了文档的元（meta）数据，如 <meta charset="utf-8"> 定义网页编码格式为 utf-8
<title> 元素描述了文档的标题
<body> 元素包含了可见的页面内容
<h1> 元素定义一个大标题
<p> 元素定义一个段落
CSS
CSS声明以分号 ; 结束，声明总以大括号 {} 括起来:
p {
color: #fff; /*颜色*/
font-size: 38px; /*字体大小*/
}【CSS引入方式】
行内式引入
可是通过style属性直接在元素定义时使用CSS：
<button style="width: 10px; height: 10px">按钮</button>
<!-- 定义了按钮的长和高-->内部式
在head或者body标签里面 新建一个style标签使用 比如：
<style>
指定id为btn的元素
#btn{
width: 10px;
height: 10px;
}
</style>
<button id="btn">按钮</button>外部式
先在外部新建一个后缀名为css的文件：
.btn {
width: 10px;
height: 10px;
}再在html文件中使用link引入css链接：
<link rel="stylesheet" href="./xx.css">总结
前端开发式无限且充满创造力的，一千个程序员可以创造出不止一千种网页，因此这也是前端开发远比后端开发“卷的原因之一”，像我这种创造天赋不行的只能寄托于后端了。
1215
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
