前端基础学习
。峰
这个作者很懒,什么都没留下…
展开
-
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 · 96 阅读 · 0 评论 -
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 · 103 阅读 · 0 评论 -
2.基础属性
基础属性1.显示模式display1.块级元素: block(一整行)2.行内元素: inline(一小块)3.行内块元素: inline-block(相比于2而言可以自己设高度)4.flex5.grid2.基础属性一类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 · 314 阅读 · 0 评论 -
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 · 167 阅读 · 2 评论 -
深入认识Meta标签
强大的Meta刚开始学习HTML 的时候,第一遍看过整个骨架,一直把注意力放在了body和script里面的内容,而忽略了最基础的架构的知识的了解,以至于有时候会遇到一些奇怪又简单的问题而不知所措(例如:突然有人问你为什么有的大佬的私人博客支持这么多种编码方式,而我的博客只能支持一种…)<meta>元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更...原创 2020-04-20 23:13:33 · 238 阅读 · 0 评论 -
HTML--文本基础标签
词组标签使用因为我学习不是固定式地遵守文档来学习,我想按我自己能够理解的体系先系统的过一遍基础,再通过主流的w3c或者其他资料再查漏补缺,在形成自己的知识体系后再完善好它。今天学习的是最常见的文本标签,主要是一些对文本的操作,加粗,斜体等,以及一些具有特殊含义用法的总结,废话不多说,直接上效果图和代码图。主体要注意的内容还是在于 文本的表现形式+特殊应用场景<!DOCTYPE ...原创 2020-04-20 21:38:36 · 229 阅读 · 0 评论 -
HTML--学习认识基本标签
快速入门认识HTML认识HTML基本标签认识HTMLHTML代表着超文本标记语言,是编写网页最广泛使用的语言。为了更好的学习前端知识并巩固自己的能力和知识点,通过写博客来锻炼自己的能力。先定个小目标(肯定赚不了一个亿)每天写两篇笔记,以此勉励自己[旺柴]。基本标签1.标题标签h(分为等级1~5)<h1>这是一级标题</h1>...2.段标签p<p>...原创 2020-04-19 10:54:31 · 193 阅读 · 0 评论