简单了解HTML与CSS

一、HTML

1、HTML

HTML（HyperText Markup Language）就是超文本标记语言。"超文本"就是表示页面内可以包含 非文字元素，如：图片、链接、音乐等等。 它是一种建立网页文件的语言，通过标记式的指令（Tag），将影像、声音、图片、文字等链接显示 出来。这种标记性语言是因特网上网页的主要语言。

2、基础语法

1）单标签

如：

<br/>、<hr/>

2）双标签

如：

<title></title>
<div></div>

HTML的内容都是由一对一对的标签组成，标签不能混乱，页面有页面的整体架构和规则，标签和标 签之间有需要正确嵌套。
元素的内容是开始标签与结束标签之间的内容
某些 HTML 元素具有空内容（empty content）
空元素在开始标签中进行关闭（以开始标签的结束而结束）
大多数 HTML 元素可拥有属性 通常一个HTML网页文件包含3个部分：标记头区、内容区和网页区。

3、表格

table 表格标签

tr 行

th 表格头单元格标签

td 表格体单元格

4、属性样式
border边框
bordercolor 边框颜色
style=“border-collapse: collapse” 双线变单线
colspan跨列
rowspan 跨行
height 高度
width 宽度
align 对齐方式

二、CSS

1、什么是CSS？

• CSS 指层叠样式表 (Cascading Style Sheets)
• 样式定义如何显示 HTML 元素
• 样式通常存储在样式表中
• 把样式添加到 HTML 4.0 中，是为了解决内容与表现分离的问题
• 外部样式表可以极大提高工作效率
• 外部样式表通常存储在 CSS 文件中
• 多个样式定义可层叠为一个

2、CSS三种样式

1）行内样式

行内样式也叫内联样式或者行间样式，即在相关标签内使用样式（style）属性定义。

2）内部样式

内部样式也叫内嵌样式，即在文档中创建内嵌的样式表，需要使用

3）外部样式

外部样式也叫做外联样式，即使用 标签链接到外部样式表

4）样式优先级

样式表的优先级: 行内的优先级最高,谁离元素最近谁的优先级最高

3、

在 CSS 中，选择器是一种模式，用于选择需要添加样式的元素。
选择器分类:基础选择器；组合选择器；伪类选择器；微元素选择器

基础选择器 :
id选择器 : # id属性唯一的,不可重复
根据元素的id属性选择1个元素

类选择器 : . class属性值可以重复的,可以在值列表中添加多个属性值
根据与元素的class属性值选择1个或者1组元素

元素选择器 : 标签名
根据元素 标签名选中一个 或者一组元素
通配符 : *

优先级 : id>类>元素>通配符