资讯专栏INFORMATION COLUMN

HTML补充+CSS基础

CoorChice / 587人阅读

摘要:文件的编码格式页面的编码格式设置当前页面的编码格式在浏览器运行当前页面时,告诉浏览器当前的编码格式字符集概念存放所使用的所有的字符汉字分类美国欧洲中国万国码主要使用计算机的存储方式利用二进制方式和中国存储将

文件的编码格式 - UTF-8

HTML页面的编码格式 - UTF-8

设置当前HTML页面的编码格式

在浏览器运行当前HTML页面时,告诉浏览器当前的编码格式

字符集

概念 - 存放所使用的所有的字符(汉字)

分类

ANSI - 美国

ISO-8859-1 - 欧洲

GBK - 中国

GB2312

Unicode - 万国码

UTF-8 - 主要使用

UTF-16

计算机的存储方式

利用二进制方式 - 1和0

中国

存储 - 将汉字 "中国" 转换成 二进制 进行存储 - GBK

读取 - 将 二进制 转换成 "中国" 进行显示 - UTF-8

CSS内容:

注意

只编写 HTML 页面时

提供的不同的标签,在浏览器运行时 - 不同的样式(效果)

在不同的浏览器中,相同标签显示的样式(效果)不同

浏览器对 HTML 页面的标签进行解析

不同的浏览器,解析方式有差异 - 最终显示的样式不同

在不同浏览器中,样式不同的问题

通过 CSS 方式进行解决

第一个浏览器的兼容问题

在不同浏览器中,显示的样式不同

概念

CSS全称为 Cascading Style Sheets,译为 层叠样式表

作用 - 设置 HTML 页面中标签在浏览器中的显示效果

特点 - 实现了 HTML 页面的 结构与样式 的分离

结构 - 通过 HTML 的标签完成

样式 - 通过 CSS 内容完成

版本

96 年推出第一版本

98 年推出第二版本

目前是第三版本 - 最新版本
*如何使用 CSS

第一种方式 - 内联样式 - 优先级别更高

通过设置 HTML 标签的标准属性 style 完成 CSS 样式

问题 - HTML 结构与 CSS 样式的耦合度很高

第二种方式 - 内联样式

通过设置 HTML 标签的标准属性 class 完成 CSS 样式进行关联

通过 标签中,定义