HTML与CSS基础学习概要-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_46475595/article/details/124997019

本文主要总结了HTML和CSS的学习要点。HTML作为网页的基础，包括head、body等标签，以及表单、图像和链接的使用。CSS则专注于网页布局和样式，介绍了外部样式表、内部样式表和内联样式的应用，以及盒模型、长度单位和颜色表示等基础知识。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

HTML学习总结

对于HTML，我最直观的理解就是构成网页的基础，是用来描述网页的一种语言，我们在浏览器看到的页面，例如我现在写的博客，基础也是HTML文档
在这里插入图片描述
HTML标签：（整个网页是从<html>这里开始的，然后到</html>结束）

head头部：
title-网页标题
style-CSS样式
link-链接外部css文件
meta-网页基本信息
base-页面所有链接基础定位
例：
boby标签：
页面的身体
包含了列表List、段落与文字标签等

<h1> ~ <h6>标题
<p>段落
<br>换行
<div>分割（独占一行）
<span>区块
<ul></ul>无序列表
<ol></ol>有序列表(列表项目使用数字进行标记)
<hr>水平分割线

以及一些常用的标签
表单标签from
（表单是用from标签来定义的）

<form name = " 表单名称 " method = " 表单提交方式 " action = " 处理表单的文件 " ></form>

可以在表单中放置文本框：

<textarea name = " 元素名称 " cols = " 文本框宽度 " rows = " 文本框高度 " >
xxx
</textarea>

知识点：
使用 width 和 height 调整图像宽高
创建 Web 文档时，使用像素来表示图像的高度和宽度
html 的 link 标签是用于当前文档引用外部文档用的，rel 属性用于设置对象和链接目的间的关系

CSS学习总结

css我对它最直观的了解就是构建网页的布局和样式。
一个网页由结构、表现、行为组成。其中表现——网页的样式就由CSS来完成。
在这里插入图片描述
CSS样式，有三种方法让这些规则对页面生效：外部样式表，内部样式表，内联样式（一般使用外部样式表）
级联的优先级从高到低分别是：
1.内联样式
2.内部样式表或外部样式表
3.浏览器缺省样式
尺寸：
用 height 和 width 设定元素内容占据的尺寸
对齐：
设置text-align属性为left, center, right
盒模型：
content-box 内容盒，即内容就是盒子的边界
border-box 边框盒，即边框才是盒子的边界
常见的长度单位：
px（像素）、em（相对于自身font-size的倍数）、百分数、整数、vw（视窗宽度的1%）、vh（视窗高度的1%）
颜色：
十六进制 #FF6600 或者 #F60
RGBA颜色 rgb(0,0,0) 或者 rgba(0,0,0,1)