。峰-CSDN博客

原创 4.布局

布局 1.三种机制核心：就是用CSS来摆放盒子的位置 1.普通流(平时默认用的就是普通流)： 1.块级元素独占一行 2.行内元素按照顺序进行左右顺序排列,并自动换行 2.浮动：让盒子从普通流中浮起来,主要作用是让多个块级盒子一行显示 3.定位：让盒子定位在浏览器的某一个位置 2.浮动（float） 1.定义：设置了浮动属性的元素会 1.脱离普通流的控制 2.移动到指定位置 2.使用: float: none || left || right; 3.本质：相当于盒子漂浮起来

2021-03-15 20:49:04 61

原创 3.盒子模型

盒子模型盒子模型是我学习css中使用频率最高的模型，其中主要还是理解整个盒子的构成，以及其中各属性的作用，最重要的问题就是合并嵌套问题。盒子模型 = 外边距margin + 边框border + 内边距padding + 内容 1.边框 border-color: 边框颜色 border-width: 边框宽度 border-style: 边框样式(none solid) 总: border: 1px solid red; CSS3补充： border-radius: 50%; //圆角

2021-03-15 20:44:47 86

原创 2.基础属性

基础属性 1.显示模式display 1.块级元素： block(一整行) 2.行内元素： inline(一小块) 3.行内块元素： inline-block(相比于2而言可以自己设高度) 4.flex 5.grid 2.基础属性一类 2.1.背景 1.背景图片（image） background-image: url(#) || none; 2.背景平铺（repeat） background-repeat: no-repeat || repeat-x || repeat-y || repeat

2021-03-15 20:31:35 296

原创 1.CSS选择器

CSS选择器作用：找到特定的页面元素分类：基础选择器+复合选择器 1.基础选择器 1 标签选择器 div{ ... } 2 类选择器 .###1{ ... }(在html中进行class的引用) .###2{ ... } <div class="###1 ###2"> ... </div> 3 id选择器 #all{...} <div id="all"> ... </div> 4 通配符选择器 *{ ... } 2.复合选择器 1.

2021-03-15 20:27:56 115 2

原创深入认识Meta标签

强大的Meta 刚开始学习HTML 的时候，第一遍看过整个骨架，一直把注意力放在了body和script里面的内容，而忽略了最基础的架构的知识的了解，以至于有时候会遇到一些奇怪又简单的问题而不知所措（例如：突然有人问你为什么有的大佬的私人博客支持这么多种编码方式，而我的博客只能支持一种…） <meta>元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更...

2020-04-20 23:13:33 199

原创 HTML--文本基础标签

词组标签使用因为我学习不是固定式地遵守文档来学习，我想按我自己能够理解的体系先系统的过一遍基础，再通过主流的w3c或者其他资料再查漏补缺，在形成自己的知识体系后再完善好它。今天学习的是最常见的文本标签，主要是一些对文本的操作，加粗，斜体等，以及一些具有特殊含义用法的总结，废话不多说，直接上效果图和代码图。主体要注意的内容还是在于文本的表现形式+特殊应用场景 <!DOCTYPE ...

2020-04-20 21:38:36 161

原创 HTML--学习认识基本标签

快速入门认识HTML认识HTML基本标签认识HTML HTML代表着超文本标记语言，是编写网页最广泛使用的语言。为了更好的学习前端知识并巩固自己的能力和知识点，通过写博客来锻炼自己的能力。先定个小目标（肯定赚不了一个亿）每天写两篇笔记，以此勉励自己[旺柴]。基本标签 1.标题标签h(分为等级1~5) <h1>这是一级标题</h1>... 2.段标签p <p&gt...

2020-04-19 10:54:31 139

疯子渣的博客