随笔分类 - 7_录播课
摘要：CSS3疑难问题 6、伪类和伪元素的区别 一、总结 一句话总结： 伪类不产生新的对象，只是在 DOM 中一个元素的不同状态 伪元素产生新对象，在 DOM 树中看不到 二、伪类和伪元素的区别 博客对应课程的视频位置：6、伪类和伪元素的区别https://www.fanrenyi.com/video/1
阅读全文
摘要：范仁义js课程 4、js基本注意点 一、总结 一句话总结： js基础语法中，大家要注意js的一些基本特点，比如js严格区分大小写、js代码以分号结尾、我们写代码的时候记得缩进等等 1、js中的注释有哪些？ js中的注释有 //单行注释 和 /*多行注释*/ 2、js基础语法中需要注意的有哪些？ a、
阅读全文
摘要：范仁义js课程 3、js代码书写位置 一、总结 一句话总结： js代码一般写在script标签中，或者写在外面的js文件中，通过script引入。js代码也可以写在标签的onclick属性和a标签的href属性中。 1、js代码写在a标签的href属性中的时候，需要注意什么？ 前面要先写javasc
阅读全文
摘要：范仁义js课程 2、js最简单实例 一、总结 一句话总结： 在js最简单实例中：我们把js代码书写在script标签当中，比如alert('111')语句可以控制浏览器弹出一个内容为111的警告框 1、js中输出内容的三种常见方式？ 1、控制浏览器弹出一个警告框：alert() 2、让计算机在页面中
阅读全文
摘要：范仁义js课程 1、javascript简介 一、总结 一句话总结： js是javascript的缩写，是解释性的脚本语言，主要是用来做页面的逻辑，做页面的交互，特效等。 1、js由哪些部分组成？ 1、语言标准：ECMAScript：基本语法； 2、文档对象模型：DOM：操作html； 3、浏览器对
阅读全文
摘要：范仁义css3课程 37、伪类选择器 一、总结 一句话总结： 伪类选择器中的伪类是一个概念上的类，不是我们定义的，是抽象的。如a:hover，选择a标签（元素选择器）中具有鼠标悬停类的所有元素 1、常见的伪类选择器有哪些？ 比如:link、:visited、:hover、:active、:focus
阅读全文
摘要：范仁义css3课程 38、伪元素选择器 一、总结 一句话总结： 伪元素选择器中的伪元素相当于dom中不存在的元素，仅仅是css中用来渲染，添加一些特殊效果的，比如p::before，选择p标签（真元素）前面的假元素（伪元素，p标签前面没有元素，只是假设有） 1、常见的伪元素选择器有哪些？ 比如:be
阅读全文
摘要：范仁义css3课程 36、背景6（ 背景小实例：淘宝 ） 一、总结 一句话总结： 淘宝的背景小实例中，主要使用的是background-position取负值从而取到背景图片上面的不同小图标。 二、课程代码 博客对应课程的视频位置：36、背景6（ 背景小实例：淘宝 ）https://www.fanr
阅读全文
摘要：范仁义css3课程 35、背景5（ 背景小实例：b站 ） 一、总结 一句话总结： 这个b站背景的实例中，最重要的就是background-position: center 0，因为水平方向是center(居中)，所以浏览器尺寸改变的话，这个图也是一直居中的 二、背景小实例：b站 博客对应课程的视频位
阅读全文
摘要：范仁义css3课程 33、背景3（ background-attachment ） 一、总结 一句话总结： background-attachment设置背景图像是否固定或者随着页面的其余部分滚动，常用的值有scroll（默认值），fixed（相对窗口固定），local（元素有滚动条时） 1、当ba
阅读全文
摘要：范仁义css3课程 34、背景4（ 背景简写属性 ） 一、总结 一句话总结： 背景的简写属性为"background"，属性值的顺序为：background-color、background-image、background-repeat、background-attachment、backgrou
阅读全文
摘要：范仁义css3课程 32、背景2（ background-position） 一、总结 一句话总结： background-position的作用是给背景图片定位，是背景相对于标签区域移动 1、background-position属性是元素区域相对于背景图定位，还是背景图相对于元素区域定位？ 是背
阅读全文
摘要：范仁义css3课程 31、背景1（ background-image） 一、总结 一句话总结： 可以使用background-image来设置背景图片，背景图可以和背景颜色同时设置，可以使用background-repeat用于设置背景图片的重复方式 1、background-image的语法是怎样
阅读全文
摘要：范仁义Emmet课程 1、HTML速写之Emmet语法规则 一、总结 一句话总结： Emmet是一款能够飞速书写html代码的工具，能大大提高代码书写速率，语法使用也比较简单 1、Emmet中如何快速敲出html初始结构？ !(英文状态下的感叹号)，然后按tab键 2、Emmet中id和class分
阅读全文
摘要：CSS3疑难问题 5、:before和::before的区别 一、总结 一句话总结： :before相当于是css3之前的写法，::before相当于是css3的写法，:before和::before都可以正常显示，但是推荐用::before 1、单冒号(:)和双冒号(::)在选择器中的使用场景分析
阅读全文
摘要：范仁义css3课程 30、层模型小实例 一、总结 一句话总结： 层模型在日常开发中还是用的比较多的，比如相对定位配合绝对定位来做一些元素的精确定位，比如固定定位做导航和回到顶部的一些按钮等等 二、层模型小实例 博客对应课程的视频位置：30、层模型小实例https://www.fanrenyi.com
阅读全文
摘要：范仁义css3课程 29、层模型总结及实例分析 一、总结 一句话总结： 层模型中常见的有相对定位(relative)[相对于以前]、绝对定位(absolute)[相对于最近的设置了定位的祖先元素]、固定定位(fixed)[相对于浏览器窗口]三种，通过这三种定位可以非常精确和随意的操纵元素的位置。 1
阅读全文
摘要：范仁义css3课程 27、固定定位 一、总结 一句话总结： 固定定位是定位的一种，固定定位也是一种绝对定位，它的大部分特点都和绝对定位一样，比如脱离文档流，和绝对定位不同的是固定定位永远都会相对于浏览器窗口进行定位。用position: fixed可以设置固定定位，通过top、bottom、left
阅读全文
摘要：范仁义css3课程 26、绝对定位 一、总结 一句话总结： 绝对定位是定位的一种，绝对定位会脱离文档流，用position: absolute来设置，通过top、bottom、left、right可以设置定位的偏移量 1、绝对定位的基本操作？ 对元素设置position属性为absolute，然后用
阅读全文
摘要：范仁义css3课程 25、相对定位 一、总结 一句话总结： 相对定位是层布局的一种，相对定位不脱离文档流，用position: relative来设置，通过top、bottom、left、right可以设置定位的偏移量 1、相对定位小实例？ 设置position为relative，然后设置偏移 .b
阅读全文
浙公网安备 33010602011771号