HTML和CSS的基础知识点(初学者篇一)

最新推荐文章于 2024-08-27 10:55:39 发布

原创最新推荐文章于 2024-08-27 10:55:39 发布 · 427 阅读

CC 4.0 BY-SA版权

文章标签：

20 篇文章

订阅专栏

HTML是超文本标记语言，用于构建网页内容，而CSS则负责样式设计，实现网页的视觉呈现。CSS的优先权从低到高依次是浏览器默认样式、外部样式表、内部样式表和内联样式。两者结合，可以创建丰富且布局精确的网页。关键概念包括选择器权重、文本属性、背景定位和盒模型等。

HTML的全称为超文本标记语言，是一种标记语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。

超文本是一种组织信息的方式，它通过超级链接方法将文本中的文字、图表与其他信息媒体相关联。这些相互关联的信息媒体可能在同一文本中，也可能是其他文件，或是地理位置相距遥远的某台计算机上的文件。这种组织信息方式将分布在不同位置的信息资源用随机方式进行连接，为人们查找，检索信息提供方便。

一个基本的网站包含很多个网页，一个网页由html, css和javascript组成。html是主体，装载各种dom元素；css用来装饰dom元素；javascript控制dom元素。用一扇门比喻三者间的关系是：html是门的门板，css是门上的油漆或花纹，javascript是门的开关；

HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。CSS样式是表现。就像网页的外衣。比如，标题字体、颜色变化，或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。

多个css样式可集中在单个html标签里，出现这种情况时，一般按优先权划分：

1、浏览器默认设置（最低）

2、外部样式表

3、内部样式表（写在html的<head>标签内部）

4、内联样式（写在html的标签里，即style属性）（最高）

层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。

CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。

css由两个主要部分组成，选择器，一条或多条声明。

选择器是指css样式的名字“.seletor”，名字前面要带上一点“.”。声明是由属性和值组成，给个例子“margin: 0 auto”，冒号前面是属性，后面是值，该例子是定义元素居中显示。