一.HTML
1.HTML5介绍
HTML5是用来描述网页的一种语言，被称为超文本标记语言。用 HTML5编写的文件，后缀以 .html 结尾
HTML是一种标记语言，标记语言是一套标记标签。标签是由尖括 号包围的关键字，例如：
标签有两种表现形式：
1 双标签，例如：<html></html>
2 单标签，例如：<img>
HTML5的DOCTYPE声明
DOCTYPE是 document type (文档类型) 的缩写。 是H5的声 明位于文档的最前面，处于标签之前。 他是网页必备的组成部分，避免浏览器的怪异模式。
html标签
定义 HTML 文档，这个元素我们浏览器看到后就明白这是个HTML 文档了，所以你的其它元素要包裹在它里面，标签限定了文档的开 始点和结束点。
head标签
head标签用于定义文档的头部。文档的头部描述了文档的各种属性 和信息，包括文档的标题、在 Web 中的位置以及和其他文档的关系 等。绝大多数文档头部包含的数据都不会真正作为内容显示给读 者。
body标签
body 元素定义文档的主体。 body 元素包含文档的所有内容（比如文本、超链接、图像、表格和 列表等等。） 它会直接在页面中显示出来，也就是用户可以直观看到的内容
title标签
1 可定义文档的标题。
2 它显示在浏览器窗口的标题栏或状态栏上。
3标签是标签中唯一必须要求包含的东西，就是说写head一定要写title 4的增加有利于SEO优化
meta标签
meta标签用来描述一个HTML网页文档的属性，关键词等，例如： charset="utf-8" 是说当前使用的是 utf-8 编码格式，在开发中我们经常会看 到 utf-8 ，或是 gbk ，这些都是编码格式，通常使用 utf-8 。
2.标题介绍与应用
标题（Heading）是通过<h1>-<h6>标签进行定义的。
<h1>定义最大的标题,<h6>定义最小的标题
3.标签之段落、换行、水平线
段落是通过<p>标签定义的
换行 如果您希望在不产生一个新段落的情况下进行换行（新行），请使 用<br>
水平线 <hr/>标签在 HTML 页面中创建水平线
4.标签之图片
<img>标签定义 HTML 页面中的图像
5.标签之超文本链接
HTML使用标签<a>来设置超文本链接
超链接可以是一个字，一个词，或者一组词，也可以是一幅图像， 您可以点击这些内容来跳转到新的文档
超链接属性
在标签<a>中使用了href属性来描述链接的地址 默认情况下，链接将以，以下形式出现在浏览器中:
1 一个未访问过的链接显示为蓝色字体并带有下划线。
2 访问过的链接显示为紫色并带有下划线。 3 点击链接时，链接显示为红色并带有下划线。
二.CSS
1.CSS简介
CSS 是层叠样式表 ( Cascading Style Sheets ) 的简称.有时我们也会称之为 CSS 样式表或级联样式表。CSS 也是一种标记语言
CSS 主要用于设置 HTML 页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布局和外观显示样式。
CSS 让我们的网页更加丰富多彩，布局更加灵活自如。简单理解：CSS 可以美化 HTML , 让 HTML 更漂亮， 让页面布局更简单。
CSS 最大价值: 由 HTML 专注去做结构呈现，样式交给 CSS，即 结构 ( HTML ) 与样式( CSS ) 相分离
2.CSS语法规范
1.使用 HTML 时，需要遵从一定的规范，CSS 也是如此。要想熟练地使用 CSS 对网页进行修饰，首先需要了解CSS 样式规则。
2.CSS 规则由两个主要的部分构成：选择器以及一条或多条声明。
(1).选择器是用于指定 CSS 样式的 HTML 标签，花括号内是对该对象设置的具体样式
(2).属性和属性值以“键值对”的形式出现
(3).属性是对指定的对象设置的样式属性，例如字体大小、文本颜色等
(4).属性和属性值之间用英文“:”分开
(5).多个“键值对”之间用英文“;”进行区分
3.CSS基础选择器
CSS选择器的作用
选择器(选择符)就是根据不同需求把不同的标签选出来这就是选择器的作用。 简单来说，就是选择标签用的。
标签选择器
标签选择器（元素选择器）是指用 HTML 标签名称作为选择器，按标签名称分类，为页面中某一类标签指定统一的 CSS 样式。
类选择器
如果想要差异化选择不同的标签，单独选一个或者某几个标签，可以使用类选择器.
多类名选择器
1.在标签class 属性中写 多个类名
2.多个类名中间必须用空格分开
3.这个标签就可以分别具有这些类名的样式id选择器
id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。
HTML 元素以 id 属性来设置 id 选择器，CSS 中 id 选择器以“#" 来定义。
id选择器
id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。
HTML 元素以 id 属性来设置 id 选择器，CSS 中 id 选择器以“#" 来定义。
扫一扫
404
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
