pink老师flex笔记

2024-10-21

花了半年时间，我把Pink老师的HTMLCSS视频课程，整理成了10万字的Markdown笔记！

说明:本文内容真实!!!不是推广!!! 学习前端的同学应该都或多或少听说过 Pink 老师,我个人觉得 Pink 老师的前端视频教程应该说是目前B站上最好的了,没有之一! Pink老师 HTML CSS B站视频课程链接我花了整整半年的时间细致认真的学习完了 Pink 老师的 HTML CSS 教程,受益匪浅! 我总结整理了一份包含该视频课程全部知识点近10万字的 Markdown 笔记!笔记中包含所有的知识点归纳!并且配套有视频中对应的代码案例,最重要的是:每个代码案例都配套对应的效果

【CSS简介、基础选择器、字体属性、文本属性、引入方式】前端小抄(2) - Pink老师自学笔记

[CSS简介.基础选择器.字体属性.文本属性.引入方式]前端小抄(2) 本学习笔记是个人对 Pink 老师课程的总结归纳,转载请注明出处! 一.CSS简介 CSS 的主要使用场景就是布局网页,美化页面的. 1.1 HTML的局限性 HTML 只关注内容的语义,虽然 HTML 可以做简单的样式,但是带来的是无尽的臃肿和繁琐-- 1.2 CSS网页的美容师 CSS 是层叠样式表的简称. 有时我们也会称之为 CSS 样式表或级联样式表. CSS 也是一种标记语言. CSS 主要用于设置 HT

【CSS复合选择器、元素显示模式、背景】前端小抄(3) - Pink老师自学笔记

[CSS复合选择器.元素显示模式.背景]前端小抄(3) 本学习笔记是个人对 Pink 老师课程的总结归纳,转载请注明出处! 一.CSS的复合选择器 1.1 什么是复合选择器在 CSS 中,可以根据选择器的类型把选择器分为:基础选择器和复合选择器,复合选择器是建立在基础选择器之上,对基础选择器进行组合形成的. 复合选择器可以更准确.更高效的选择目标元素(标签) 复合选择器是由两个或多个基础选择器,通过不同的方式组合而成的常用的复合选择器包括:后代选择器.子选择器.并集选择器.伪类选择器等

flex笔记 - 基础

flex笔记 - 基础文章中的所有图示代码都放在了github上: 阮一峰flex博客跟学代码传统的布局解决方案,基于盒模型, 依赖 display, position, float属性来进行布局,有的时候很不方便,实现垂直居中就很不方便. 一. Flex简介 Flex 是 Flexible Box 的缩写,译为弹性布局,用来为盒模型提供最大的灵活性. 任何一个容器都可以使用 Flex 布局元素设置为Flex布局后,子元素的 float,clear, vertical-align 属性将失

2020年最新版Web前端学习路线图-前端小白入门必读-pink老师推荐

Hello,大家好,相信很多学习前端的小伙伴,会有很多的疑惑: 我要学习那些技术? 我要到哪里去学习这些技术呢? 学习这些技术的目的对就业有什么帮助呢? 我学到什么程度可以胜任工作? ... 这里,pink老师给你们最全的解答. 1. HTML5 + CSS3 根据web前端发展史,建议大家先学习pc端页面开发. 包含: HTML5.CSS3.浮动.定位.盒子模型.高级技巧等等. 不用说,这是我们前端入门的最基本要求,目的是能完成页面的布局开发,这部分必须精通. 这部分知识比较简单,不要去

2019年最新超级有趣好玩的html+css网页布局课程,前端入门基础,html5+css3零基础入门课程-黑马程序员pink老师精心录制

大家好,我是黑马程序员pink老师!! 本次视频是前端零基础入门的课程,pink老师采取有趣好玩讲法,带你快乐的学习枯燥的html+css知识,学完之后让你能快速布局pc端页面.代码也可以讲的好玩有趣哦. 本次课程也是替换2017年较老的基础视频,刚刚录制完毕. 本次课程主要讲解: 课程的链接地址是: https://www.bilibili.com/video/av69856262/ 相关练习素材的下载地址是: https://gitee.com/xiaoqiang001/jichubanx

【黑马pink老师的H5/CSS课程】（二）标签与语法

视频链接:P8~P29 黑马程序员pink老师前端入门教程,零基础必看的h5(html5)+css3+移动参考链接: HTML 元素 1.HTML语法规范 1.1 基本语法概述 HTML 标签是由尖括号包围的关键词,例如<html>. HTML 标签通常成对出现,例如开始标签和结束标签 ,当然也有单标签</br> 1.2 标签关系包含关系: 比如 head标签包含title标签并列关系: 比如 head标签跟body标签并列 2.HTML 基本结构标签写HTML网页

【黑马pink老师的H5/CSS课程】（一）基本介绍

视频P4~P6 黑马程序员pink老师前端入门教程,零基础必看的h5(html5)+css3+移动 1.网页 1.1 什么是网页网站是网页的集合,网页是构成网站的基本元素,常用html格式文件 1.2 什么是HTML HTML 是超文本标记语言(Hyper Text Markup Language),一种标记语言 (markup language),即一套标记标签(markup tag) 超文本的意思: 不限于文本内容,可以加入图片.声音.动画等内容使用超链接,从一个页面跳到另一个页面 1

2019前端学习路线心得-黑马程序员pink老师

在规划之前先给大家分享几点心得哈: 1. 学习,特别是在线学习,是非常辛苦的事情,为了少走弯路, 所以一定要系统学习,多借鉴与前辈们总结出来的经验. 2. 不要相信任何说一周掌握 css, 一周学完 js 等话术, 哪些只是教你怎么用,不讲解基本原理,不系统学,最后忘得快, 也不会举一反三,(除非你是复习) 因此,学习任何知识,都要系统坚持. 3. 在线学习,最忌讳的一点是只听不练. 听老师讲,基本都能听得懂,但是如果不练习,忘的很快,后面知识点一综合,就感觉无从下手了. 听三遍不如写一遍记忆

lex/flex 笔记

Lex的匹配策略: 1. 按最长匹配原则确定被选中的单词 2. 如果一个字符串能被若干正规式匹配,则先匹配排在前面的正规式. lex源程序的写法:Lex源程序必须按照Lex语言的规范来写,其核心是一组词法规则(正规式).一般而言,一个Lex源程序分为三部分,三部分之间以符号%%分隔. 定义段 %% 词法规则段 %% 辅助函数段 Lex源程序中常用到的变量及函数: yyin和yyout:这是Lex中本身已定义的输入和输出文件指针.这两个变量指明了lex生成的词法分析器从哪里获得输入和输出到哪里.默

Python3.5-20190518-廖老师-自我笔记-面向对象

面向对象编程,简称OOP,是一种程序设计思想.OOP把对象作为程序的基本单元,一个对象包含了数据和操作数据的函数. 把老师分为一类,把学生分为一类.具体到某一个学生就是这类中的一个具体对象,对象的共同属性和方法可以定义在类中.特殊的可以自己额外添加. 类也可以额外添加属性和方法在Python中,所有数据类型都可以视为对象,当然也可以自定义对象. 数据封装.继承和多态是面向对象的三大特点私有属性,私有方法,在类外面禁止使用的.加上__只是修改了名字,其实在外面也可以使用. 给实例额外添

听翁恺老师mooc笔记（16）--程序设计与C语言

问题1:计算机遍布生活的各个方面,若你需要一个功能可以下载APP,我们需要的大部分功能都可以找到对应的APP,如果没有可以自己写一个软件,但是很少人需要这么做,那么我们为什么学习计算机编程语言? 学习语言重要的不是写软件而是1)通过学习语言去理解计算机是如何工作的?2)计算机擅长做什么?能够做什么?擅长做什么?不能够做什么? 问题2:计算机是如何解决问题的? 比如你在餐馆,想要一杯水.那么如果你跟一个服务员交流,只需要告诉服务员:"请给我一杯水",那么服务员知道怎么打一杯水给你,他会去

听翁恺老师mooc笔记（15）--文件的输入与输出

<>重定向如果使用标准的printf输出,有一个比较简便的方法,可以将程序的结果写入一个文件.使用<和>符号,将程序运行结果重定向到文件中去,具体使用到的代码如下: ./test > 12.out //将运行结果写入文件12.out more 12.out //查看 cat > 12.in //将终端内容输入12.in ./test < 12.in //运行test,输入为文件12.in ./test < 12.in > 12.out //输入为文件

听翁恺老师mooc笔记（14）--格式化的输入与输出

关于C语言如何做文件和底层操作: 文件操作,从根本上说,和C语言无关.这部分的内容,是教你如何使用C语言的标准库所提供的一系列函数来操作文件,最基本的最原始的文件操作.你需要理解,我们在这部分所学习的,是函数库的使用,而非C语言.顺便我们还学习了很多和计算机相关的知识,比如重定向.文本文件和二进制文件的江湖恩怨.但是既然不是C语言,也就意味着你将来的工业环境下,未必还会使用这么原始的文件操作函数了.这些函数,只是一个标本,让你知道可以这样来操纵文件.但是,不见得所有的库都是以这样的方式来操纵文件

听翁恺老师mooc笔记（13）--类型定义和联合

typedef 虽然我们知道使用struct这个关键字定义一个结构类型,然后可以使用该结构类型定义变量.但是每次要使用的时候都需要带着struct这个关键字,那么如何摆脱这个关键字哪?C语言提供了一个叫做typedef的功能来声明一个已有的数据类型的新名字,typedef也是个关键字,比如: typedef int Length; 意思是Length是int类型的别名,可以代表int.在程序的变量定义或者参数声明时,如果出现Lenght就是表示int: Length a,b,len; Lengt

听翁恺老师mooc笔记（12）--结构中的结构

结构数组: 和C语言中的int,double一样,一旦我们做出一个结构类型,就可以定义这个结构类型的变量,也可以定义这个结构类型的数组.比如下面这个例子: struct date dates[100]; struct date dates[] = {{4,5,2005},{2,4,2005}}; dates[100]是一个结构数组,其中每个元素是date结构的变量.对dates初始化的时候就需要两层括号,外层大括号是说初始化dates这个数组,里面的每个大括号都是一个数组元素,比如{4,5,20

听翁恺老师mooc笔记（11）--结构和函数

结构作为函数参数: 声明了一个结构就有了一种自定义的数据类型,这个数据类型和int.float.double一样,int等基本类型可以作为函数的参数,那么这种个自定义的结构类型也应该可以作为函数参数,比如: int numberofDays(struct date d):函数numberofDays的参数就是一种结构变量. 整个结构是可以作为参数的值传入函数的,这时是在函数内新建一个结构变量,并复制调用者的结构的值,这和数组是完全不一样的.结构除了可以作为参数,也可以作为返回值,例如下述程序中,

听翁恺老师mooc笔记（10）--结构

定义结构: 在程序里,如果想要表达一个数据就需要一个变量,而每个变量又都需要一个类型,之前学过C语言中有int.double.float.char等这些基础类型,还有指针.数组等.如果你要表达的数据比较复杂,不是一个值,比如你要表达日期,有年月日三个值,要表达时间,有时分秒三个值,要表达一个人可能需要姓名.学号等一堆数据,但是又想要一个整体表达这么多数据,这时就需要C语言中一种特殊的东西,叫做结构! 一个结构就是一个复合的数据类型,里面有各种数据类型的成员,然后用一个变量来表达那么多的数据.比如

听翁恺老师mooc笔记（9）--枚举

枚举类型的定义用符号而不是具体的数字来表示程序中的数字,这么表示的好处是可读性,当别人看你的程序,看到的是单词,很容易理解这些数字背后的含义,那么用什么符号来表示名字哪?需要const int常量的整数,不可修改的整型的变量.大家看下面的程序,0,1,2使用red,yellow,green代替,那么程序中就使用red,yellow,green而不是0,1,2: #include <stdio.h> ; ; ; int main(int argc,char const *argv[]){ ;

听翁恺老师mooc笔记（8）--字符串2

字符串的赋值字符串的输入与输出对C语言的基础类型,比如int.double等类型,scanf.printf有专门的格式转换,而对字符串,scanf.printf使用%s格式字符进行输入与输出.当使用scanf进行读一个字符串的时候,读到什么东西,读到什么位置为止是很微妙的,试一下: #include <stdio.h> int main(void){ ]; scanf("%s",word); printf("%s##\n",word); ; } 程序

pink老师flex笔记

热门专题