Web学习笔记（HTML+CSS）

最新推荐文章于 2024-11-15 10:26:18 发布

RocDun

最新推荐文章于 2024-11-15 10:26:18 发布

阅读量173

点赞数

文章标签： html css

本文链接：https://blog.csdn.net/tjdengpeng/article/details/105180447

版权

本文是HTML和CSS的学习笔记，涵盖了HTML的介绍、Div布局、浮动布局、盒模型以及CSS的选择器、引入方式和控制效果。讲解了如何利用HTML创建静态网页，CSS进行样式控制，包括元素居中、背景设置、文字样式等。

摘要由CSDN通过智能技术生成

HTML+CSS

知识来源：学习“十八哥视频”
在这里插入图片描述
一、HTML简介
HTML是超文本标记语言。文件格式x.html和x.htm均是静态网页后缀名。而shtml命名的网页文件里，使用SSI的一些指令。任何文本编辑器都可以编写HTML文件，由浏览器进行解析。常用工具：sublime、firefox
HTML文件的结构：
<doctype ……> 重要，说明文档类型（严格的：strict.dtd、过渡的：transitional.dtd、框架的：frameset.dtd）

<html>  //开始
<head></head>  //头部标签，编写机器识别的内容；
<body></body>  //正文标签，编写人识别的内容；
</html>  //结束

二、Div网页布局
1、布局原则简述
使用div标签占块网页布局，用CSS控制大小、颜色等。
网页布局原则：从大到小、从上到下、从左到右。

<html>  //开始
<head>
<style>
div{
   
   width:300px;
   height:200px;
   background:blue;
}
#main{background:green;}
#footer{background:gray;}
</style>
</head>  //头部标签，编写机器识别的内容；
<body>
<</