【黑马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…

【黑马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老师的HTMLCSS视频课程，整理成了10万字的Markdown笔记！

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

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

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

【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 中,可以根据选择器的类型把选择器分为:基础选择器和复合选择器,复合选择器是建立在基础选择器之上,对基础选择器进行组合形成的. 复合选择器可以更准确.更高效的选择目标元素(标签) 复合选择器是由两个或多个基础选择器,通过不同的方式组合而成的常用的复合选择器包括:后代选择器.子选择器.并集选择器.伪类选择器等…

css笔记 - 张鑫旭css课程笔记之 float 篇

https://www.imooc.com/t/197450float float的设计初衷/原本作用-是为了实现文字环绕效果如,一个图片和一段文字垂直放置,给图片加上浮动,文字就环绕图片展示了. 浮动的包裹与破坏包裹收缩坚挺隔绝 - BFC 具有包裹的其他属性:(是不是可以生成块级上下文的其他属性?) display: inline-block.table-cell... position: absolute(近亲).fixed.sticky overflow: hidden.scro…

Javaweb 第1天 HTML和CSS课程

HTML和CSS课程今日大纲 ● 了解Java Web开发 ● HTML常用标签 ● CSS的使用 ************************************************************************************************* 1. 了解Java Web开发 1.1 C/S 和 B/S程序的区别 1.C/S(Client----Server)程序就是在PC机上需要安装或者绿色版的程序. QQ.WOW.LOL.…

小奶狗给小喵咪上CSS课程

小奶狗给小喵咪上CSS课程小奶狗,你好啊? 小喵咪你好~ 听说学习HTML,要学习CSS是吗? 是的,小甜心~ 那么CSS是什么呢? CSS是Cascading Style Sheet英文的缩写,中文中的意思是层叠样式表,是用来控制网页的样式的,是一种可以与网页结构分离的一种标记型语言哦~ 噢,那简单说就是CSS可以让HTML网页设计变得美化? 嗯,没错,css可以使得字体,颜色,背景等呈现不同的样式~ 那小宝贝可以讲讲css发展历史吗,我想知道? 嗯,ccs的出现是为了满足网页设计的需求,也…

范仁义html+css课程---11、html补充知识

范仁义html+css课程---11.html补充知识一.总结一句话总结: 小于号(<):< 大于号(>):> 空格: 二.html 字符实体 1.小于号(<)和大于号(>) 在 HTML 中,某些字符是预留的. 在 HTML 中不能使用小于号(<)和大于号(>),这是因为浏览器会误认为它们是标签. 如果希望正确地显示预留字符,我们必须在 HTML 源代码中使用字符实体(character entities) 小于号(<)(less than):…

范仁义html+css课程---10、其它标签

范仁义html+css课程---10.其它标签一.总结一句话总结: 了解iframe.Figure与Figcaption.address.progress.meter.datalist.fieldset和legend标签的作用即可,遇到这些标签有疑问就百度 1.iframe标签的作用? 在网页中嵌入网页 <iframe src="https://fanrenyi.com" width="400" height="400"><…

范仁义html+css课程---9、video、audio、canvas和svg元素略讲

范仁义html+css课程---9.video.audio.canvas和svg元素略讲一.总结一句话总结: video:HTML5视频标签. audio:html5音频标签. canvas:绘制路径.矩形.圆形.字符以及添加图像. svg:可伸缩矢量图形 (Scalable Vector Graphics). 二.video.audio.canvas和svg元素 1.video video:HTML5视频标签 . 目前由于专利.商业竞争等原因各个浏览器对视频的支持格式各不相同,但是这个支持…

范仁义html+css课程---8、新元素布局

范仁义html+css课程---8.新元素布局一.总结一句话总结: 推荐用新标签(语义化的标签)来布局:header(头部),footer(尾部),aside(侧边栏),nav(导航),article(独立内容),section(区域) 1.article标签和section标签的区别? 1.article元素是独立完整的内容(强调内容独立性),section元素页面内容分块(强调内容关联性) 2.本质上都是带有语义的div块元素,分别可以看作<div id="section"…

范仁义html+css课程---7、表单

范仁义html+css课程---7.表单一.总结一句话总结: 表单标签的话主要掌握form标签.input标签(以及input标签的不同的type值).select标签.textarea等标签,及这些标签对应的一些属性 1.form标签的常用属性? action:指定表单的发送地址(服务器地址) method:表单数据发送至服务器的方法,常用的有两种:get/post 2.form的get提交方式和post提交方式的区别? get方法提交:数据会附在网址之后主动提交给服务器 post方法提交…

范仁义html+css课程---6、表格

范仁义html+css课程---6.表格一.总结一句话总结: 表格中最常用的元素就是table.tr.td.th,还有语义化的thead.tbody.tfoot标签 1.表格构成三个基本要素? table:表格的范围,外框:用来定义表格,表格的其他元素包含在table标签里面 tr: 表格的行 td:表格的单元格 2.表格中的th元素和 caption 元素分别是做什么的? th:用来定义表格的标题单元格,要放在tr里面 caption元素:给表格添加标题,放在table元素中 3.tab…

范仁义html+css课程---5、列表

范仁义html+css课程---5.列表一.总结一句话总结: 学会基本的使用有序列表.无序列表.定义列表,设置样式的话尽量通过css而不是属性 1.无序列表基本形式(实例)? ul标签包裹li标签:<ul> <li></li> </ul> <ul> <li>cpb粉底</li> <li>雪花秀气垫BB</li> <li>iope气垫BB</li> </ul>…

范仁义html+css课程---4、文本标签

范仁义html+css课程---4.文本标签一.总结一句话总结: 文本标签大致掌握一下,做到它站在你对面的时候最好认得,认不得也没关系,直接百度 1.ins标签.u标签和del标签作用? ins:<ins></ins>:效果为下划线,表示插入的文本 u:<u></u>:效果为下划线,表示拼写错误的单词或者汉语中的专有名词 del:<del></del>:删除线 2.small标签作用? 定义小号文本 3.strong.em.b…

范仁义html+css课程---3、图片和超链接

范仁义html+css课程---3.图片和超链接一.总结一句话总结: img标签是图片标签,定义 HTML 页面中的图像 a标签是超链接标签,用于从一个页面链接到另一个页面. 1.img标签要点? 作用:img标签定义 HTML 页面中的图像. 常用属性:src(图像的 URL) 和 alt(图像的替代文本). 示例:<img src="smiley-2.gif" alt="Smiley face" width="42" height=…

范仁义html+css课程---2、html常用标签

范仁义html+css课程---2.html常用标签一.总结一句话总结: html常用的标签有标题标签.div.span.p.hr.br标签等 1.html中的标题标签有哪些? <h1></h1>...<h6></h6> 2.html文件中最常见的两个标签div标签和span标签分别是干嘛的? <div></div>:区块标签:分块和设置样式 <span></sapn>:文本标签:设置样式 3.自结束标…

范仁义html+css课程---1、html基本结构

范仁义html+css课程---1.html基本结构一.总结一句话总结: html标签中包含head标签和body标签,head标签里面主要写用户不可见的内容,比如字符集编码,body标签里面主要写用户可见的内容 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </h…

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

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

H5 CSS 悬浮滚动条

H5 CSS 悬浮滚动条 refs xgqfrms 2012-2020 www.cnblogs.com 发布文章使用:只允许注册用户才可以访问!…

Django day 33 vue中使用element-ui的使用，课程的相关介绍，vue绑定图片，课程列表接口，课程详情页面

一:vue中使用element-ui的使用, 二:课程的相关介绍, 三:vue绑定图片, 四:课程列表接口, 五:课程详情页面…

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

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

百度前端技术学院—-小薇学院(HTML+CSS课程任务)

任务一:零基础HTML编码课程概述作业提交截止时间:04-24 重要说明百度前端技术学院的课程任务是由百度前端工程师专为对前端不同掌握程度的同学设计.我们尽力保证课程内容的质量以及学习难度的合理性,但即使如此,真正决定课程效果的,还是你的每一次思考和实践. 课程多数题目的解决方案都不是唯一的,这和我们在实际工作中的情况也是一致的.因此,我们的要求不仅仅是实现设计稿的效果,更是要多去思考不同的解决方案,评估不同方案的优劣,然后使用在该场景下最优雅的方式去实现.那些最终没有被我们采纳的方案,同…

css笔记 - 张鑫旭css课程笔记之 margin 篇

margin - 人若犯我,我必犯人! [margin地址](https://www.imooc.com/learn/680) 一.margin与容器尺寸的关系 relative可定位,但是不改变容器尺寸和占据的空间margin不同,margin也在盒模型中.从border开始往里边,是可视尺寸clientWidth部分.加上margin,是占据尺寸outerWidthmargin可以改变元素尺寸,正值宽度变小,负值宽度变大.margin也可以定位二.margin的百分比单位 margin:…

H5 CSS的格式

02-CSS的格式标签名称{ 属性名称: 属性对应的值; ... } 2.注意点: 1.style标签必须写在head标签的开始标签和结束标签之间(也就是必须和title标签是兄弟关系) 2.style标签中的type属性其实可以不用写, 默认就是type="text/css" 3.设置样式时必须按照固定的格式来设置. key: value; 其中:不能省略, 分号大多数情况下也不能省略 4.CSS怎么学? CSS的学习一共分为两大部分, 一个是CSS的属性, 另一个是CSS选择器.…

h5 . css入门 2.CSS基础

CSS基础学习目标 1.CSS简介 2.CSS语法 3.样式的创建 4.两种引入外部样式表的区别 5.样式表的优先级和作用域 6.CSS选择器 7.选择器的权重 8.浮动属性的简单应用 9.HTML.CSS注释一.CSS简介英文全名:cascading style sheets(百度百科) === cascading style sheet层叠样式表,WEB标准中的表现标准语言,表现标准语言在网页中主要对网页信息的显示进行控制,简单说就是如何修饰网页信息的显示样式.目前推荐遵循的是W3C发…

css笔记 - 张鑫旭css课程笔记之 vertical-align 篇

支持负值的属性: margin letter-spacing word-spacing vertical-align 元素vertical-align垂直对齐的位置与前后元素都没有关系元素vertical-align垂直对齐的位置与行高line-height没有关系.vertical-align垂直对齐的位置只与font-size大小有关. 一.vertical-align支持的属性值及组成: 1.支持继承: inherit 继承 2.其他四类属性值:a. 线类: baseline(vertic…

css笔记 - 张鑫旭css课程笔记之 overflow 篇

overflow基本属性值 visible(默认值):超出依然显示 hidden :超出隐藏 scroll :超出,滚动显示.子元素不超出也会有滚动条的那条轨道. auto:如果超出,滚动显示.如果不超出,也不会有滚动条的位置. inherit:ie8+,继承父元素的overflow属性值. overflow-x/y(ie8+)规范: 如果overflow-x.overflow-y的值相同,则等同于overflow设置了这个值. 如果overflow-x.overflow-y的值不相同,且其中一…

【【黑马pink老师的H5/CSS课程】（一）基本介绍】的更多相关文章