满天星的开始！-CSDN博客

文章目录引入一、盒子模型1、内容区（content）2、边框（border）i、border-widthii、border-coloriv、border-style3、内边距（padding）4、外边距（margin）a、外边距的折叠二、元素的水平布局三、元素的垂直布局四、行内元素的盒模型五、浏览器默认样式引入文档流：-网页是一个多层结构，一层叠一层-通过css可以分别为每一层来设置样式-作为用户来讲只能看到最顶层-这些层中，最底层称为文档流，文档流是基础我们所创建的元素都是在文档流中进行排列

2021-10-06 14:55:29 411

原创 css常用选择器

文章目录前言常用选择器元素选择器复合选择器交集选择器并集选择器关系选择器几种关系子元素选择器后代选择器兄弟选择器属性选择器伪类元素a类伪元素常见状态伪类常见伪类选择器前言选择器：通过选择器可以选中页面的指定元素来增加样式。例如：</style> p{ color: red; font-size: 40px; } h1{ color: pink; } </style></head>

2021-09-26 20:23:10 638 2

原创表格与表单

文章目录表格的基本结构表格的基本结构标签解释说明<table></table>定义一个表格，与表格有关的内容全部包含在该标签中<tr></tr>定义表格的行<td></td>定义一个单元格<th></th>定义表头，纯文字内容默认情况下加粗、居中显示<caption></caption>定义表格标题，该标签位于table标签之后

2021-09-18 17:37:36 154

原创 css中的style常见用法

文章目录style的几个用法第一种方法：第二种方法：第三种方法：style的几个用法第一种方法：内联样式，行内样式-在标签内部通过style属性来设置元素的样式-缺点：使用内联样式，样式只能对一个标签生效，如果希望影响多个元素必须在每个元素中复制一遍并且当样式发生改变时，我们需要一个一个修改，很不方便-注意：在开发中千万不要使用内联样式。 style使用方式：在要显示样式的头标签中插入，如：style 后面的属性值格式为属性值：属性名； --&

2021-09-11 11:38:18 8941

原创图片标签和超链接

文章目录图片标签超链接图片标签图片标签用于向当前页面中引入外部图片使用img标签来引入外部图片，img标签是一个自结束标签img这种元素属于替换元素（块元素和行内元素之间，具有两种元素的特点）属性：src属性指定外部图片的路径（路径规则和超链接一样）alt 是对图片的描述，这个描述默认情况下不会显示，有些浏览器会图片无法加载的时候显示搜索引擎会根据alt中的内容来识别图片，如果不写alt属性则图片不会被搜索引擎所识别width 图片的宽度heigth 图片的高度宽度和高度如果只修改了一

2021-09-11 11:18:36 517

原创列表嵌套与特殊符号

文章目录列表嵌套特殊符号列表嵌套列表之间是可以直接嵌套的，但是不允许标签交叉使用，且在嵌套时不能在ol，ul 后面直接加文字。所以平时在敲代码的时候多注意代码的缩进显示，方便日后的检查和修改。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>列表嵌套</title></head><body>

2021-09-05 11:10:39 574

原创 meta标签

meta主要用于设置网页中的一些元数据，元数据不是给用户看的charset指定网页的字符集name指定的数据名称content指定的是数据的内容、数据的值keywords表示网站的关键字，可以同时指定多个关键字，关键字之间用,英文逗号隔开eg：<meta name=“keywords” content=“网上购物，网上商城，手机，笔记本等”description用于指定网站的描述网站的描述会显示在搜索引擎的搜索结果中title标签的内容会作为搜索结果中的超链接上的文字显示<m

2021-09-04 23:40:23 107 1

原创实体和列表

文章目录实体列表（list）实体在网页中编写的多个空格默认情况会被自动解析为一个空格在HTML中有些时候，我们不能直接书写一些特殊符号比如：多个连续空格，比如字母两侧的大于号和小于号如果是我们需要在网页中书写这些特殊的符号，则需要使用html中的实体实体的部分语法： &nbsp；空号 &gt；大于号 &lt；小于号 &copy；版权符号<p>今天你真&nbsp

2021-09-04 23:26:16 541

原创语义标签解释

这里写目录标题##标题标签在网页中HTML专门用来负责网页的结构所以在使用HTML标签时，应该关注的是标签的语义，而不是它的样式标题标签： h1~h6一共有六级标题从h1~h6重要性递减，h1最重要，h6最不重要 h1在网页中的重要性仅次于title标签，一般情况下一个页面中只有一个h1 一般情况下只会用到前三个标题，因为后面三个不重要标题标签都是块元素在页面中独占一行的元素称

2021-09-04 23:04:09 146

原创网页设计的初学

文章目录对网页的认识注释属性网页的基本结构文档声明对网页的认识打开电脑记事本即可开始写网页。网页有自己的格式，首先要写标题即标签，标签是成对出现的，例如开头的,后面的标签要有/。标题可有多级，例如一级标题可写<h1></h1>,二级标题可写为<h2></h2>,后面也一样。在标题中间可写自己想要的标题。内容的标签名为<p></p>中间即为内容。注：若要修改网页，在网页直接修改略微麻烦，则可将网页复制在文本即可修改。（网页右键可查

2021-09-02 21:58:17 137

原创网页设计的学习1

网页设计对网页的认识注释属性网页的基本结构文档声明欢迎使用Markdown编辑器你好！这是你第一次使用 Markdown编辑器所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。新的改变我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客：全新的界面设计，将会带来全新的写作体验；在创作中心设置你喜爱的代码高亮样式，Mark

2021-09-01 21:25:33 78

weixin_56233059的博客

原创字体相关属性

原创 css盒子模型