HTML+CSS
关注
分享
扫一扫
文章平均质量分 93
在学习前段开发的开始，关于html和css的知识整理
搞前端的小菜
热爱前端的小菜，低代码方向的爱好者
展开
-
弹性盒模型（详解）
摘要关于弹性盒模型，属性也是比较多，属性的值也是比较杂，所以看起来也是比较吃力，总是学习的时候似乎已经掌握了，慢慢不用的话一些属性又不会了。这一篇文章，只去理解弹性盒模型的属性，而不会列出所有属性的值。重点在于理解，而非去死记硬背。1.创建弹性盒子所有人应该都知道我们应该使用display:flex来创建一个弹性盒子。但是其实还有另一种创建方式：display:inline-flex。乍一看这个属性和display:block , display:inline-block是不是有一点点像。其原创 2021-10-18 16:44:24 · 5560 阅读 · 0 评论 -
CSS盒模型【框模型】（详解）
关于CSS的最后一点，就是盒模型了，也叫CSS的框模型。CSS 框模型 (Box Model) 规定了元素框处理元素内容、内边距、边框 和 外边距 的方式。元素框的最内部分是实际的内容，直接包围内容的是内边距。内边距呈现了元素的背景。内边距的边缘是边框。边框以外是外边距，外边距默认是透明的，因此不会遮挡其后的任何元素。内边距、边框和外边距都是可选的，默认值是零。但是，许多元素将由用户代理样式表设置外边距和内边距。可以通过将元素的 margin 和 padding 设置为零来覆盖这些浏览器样式，在之前原创 2020-08-08 13:41:08 · 521 阅读 · 0 评论 -
CSS中的定位（详解）
OK，关于CSS的选择器，样式已经说完了。到了定位这一块。定位是为了更好的完成网页中元素的布局，也就是说你想让这一个节点出现在什么位置，就要用到定位。介绍就不说太多，直接开始正文。一、CSS 相对定位设置为相对定位的元素框会偏移某个距离。元素仍然保持其未定位前的形状，它原本所占的空间仍保留。相对定位是一个非常容易掌握的概念。如果对一个元素进行相对定位，它将出现在它所在的位置上。然后，可以通过设置垂直或水平位置，让这个元素“相对于”它的起点进行移动。 <!-- 相对定位 -->原创 2020-08-08 11:58:51 · 2243 阅读 · 0 评论 -
CSS常用样式（详解）
继续整理CSS的知识点，这一篇主要说一下CSS的样式。上一篇说了CSS的选择器，那选中了元素之后，就是要给元素添加样式了。一、背景背景色可以使用 background-color 属性为元素设置背景色。这个属性接受任何合法的颜色值。 <style> *{ margin: 0; padding: 0; } #color{ width: 100px;原创 2020-08-07 16:33:58 · 1495 阅读 · 0 评论 -
CSS选择器的用法（详解）
这一篇，介绍CSS的各种选择器的用法。我们之前说过html是用来对网页的元素进行布局，那么css就是给这些元素加上一些属性和样式。而选择器就是对这些元素进行选中。那选中的方法自然是多种多样，所以CSS选择器也是分为很多种，这里就来一一介绍。一、CSS 元素选择器最常见的 CSS 选择器是元素选择器。换句话说，文档的元素就是最基本的选择器。如果设置 HTML 的样式，选择器通常将是某个 HTML 元素，比如 p、h1、em、a，甚至可以是 html 本身。我们来看一下。<body>原创 2020-08-07 13:50:16 · 3383 阅读 · 0 评论 -
HTML的表单元素（整理）
关于HTML最后的知识点，就写一篇关于表单元素的知识总结。form元素HTML 表单用于收集用户输入。form元素定义 HTML 表单： <form action=""> <p>这是一个表单</p> </form>可以吧这个理解为一个框架，在这里面写一些表单元素。一、文本输入《input type=“text”》定义用于文本输入的单行输入字段： <form action="">原创 2020-08-04 15:58:34 · 1512 阅读 · 0 评论 -
HTML中的行级元素（常用整理）
上一篇说了HTML的块级元素，这一篇说几个常用的行级元素。首先说一下行级元素是什么意思。和相邻的行级元素在同一行，宽度、高度、内边距和外边距的都不可改变。就是不能设置宽高，并且大小由内容撑开。一、链接HTML 超链接（链接）超链接可以是一个字，一个词，或者一组词，也可以是一幅图像，您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。当您把鼠标指针移动到网页中的某个链接上时，箭头会变为一只小手。我们通过使用a标签在 HTML 中创建链接。有两种使用a标签的方式：通过使用 href原创 2020-08-04 14:01:00 · 3529 阅读 · 0 评论 -
HTML的块级元素（常用整理）
emmm，最近想整理复习一下前端的基础，最开始的HTML想了好久也没想好怎么写，最后也是决定以行块这样整理，再在后面补充吧。说到HTML，什么是HTML呢？ 什么是 HTML？ HTML 是用来描述网页的一种语言。 HTML 指的是超文本标记语言 (Hyper Text Markup Language) HTML 不是一种编程语言，而是一种标记语言 (markup language) 标记语言是一套标记标签 (markup tag) HTML 使用原创 2020-08-04 13:28:17 · 10040 阅读 · 0 评论