随笔分类 - 7_录播课
摘要：范仁义css3课程 24、层布局模型介绍 一、总结 一句话总结： 层布局模型就像是图像软件PhotoShop中非常流行的图层编辑功能一样，能够对每个图层进行精确定位操作。通过postion属性来设置。常见的有相对定位(relative)、绝对定位(absolute)、固定定位(fixed)三种。 二
阅读全文
摘要：范仁义css3课程 23、浮动小实例 一、总结 一句话总结： 使用浮动可以很方便的做出两栏或者多栏布局，我们需要注意解决浮动造成的高度塌陷问题 二、浮动小实例（div布局实例） 博客对应课程的视频位置：23、浮动小实例https://www.fanrenyi.com/video/10/61 1 <!
阅读全文
摘要：范仁义css3课程 22、float导致的父容器高度坍塌及解决 一、总结 一句话总结： 原因：浮动元素脱离文档流，使包含它的无高度样式的父容器感知不到其存在而发生内容无法撑开高度的现象 解决：增加一个空的块元素，清除浮动：clear:both;，让它把父元素撑开。 1、float布局导致的父容器高度
阅读全文
摘要：CSS3疑难问题 3、为什么clear属性用在内联元素上面没有作用 一、总结 一句话总结： clear属性是来清除浮动效果的，我们要明白float属性的初衷————让文字环绕图片展示。翻译成另外一句话：内联级别的元素会环绕浮动元素展示。所以clear属性要作用在块元素上面。 二、课程代码 博客对应课
阅读全文
摘要：范仁义css3课程 21、清除浮动 一、总结 一句话总结： float设置浮动之后，若想让后面元素不被浮动影响（不占浮动腾出来的地），可以用clear来清除浮动，clear可以用来清除其他浮动元素对当前元素的影响，其实清除浮动主要解决浮动高度塌陷的问题 1、clear的属性值有哪些？ none(默认
阅读全文
摘要：范仁义css3课程 20、浮动 一、总结 一句话总结： 浮动的话使用的是float属性，可以让元素浮动起来，常用取值为left（向左浮动）和right（向右浮动），浮动会使元素脱离文档流 1、float属性有哪些取值？ 1、none，默认值，元素默认在文档流中排列 2、1eft，元素会立即脱离文档流
阅读全文
摘要：CSS3疑难问题 2、BFC是什么及实例 一、总结 一句话总结： BFC(Block formatting context)直译为"块级格式化上下文"。BFC就是页面上的一个隔离的独立容器，容器里面的子元素不会影响到外面的元素。反之也如此。 1、BFC的布局规则？ 1、Box垂直方向的距离由marg
阅读全文
摘要：css布局方式总结 一、总结 一句话总结： CSS主要包含3种基本的布局模型：流动模型（Flow）、浮动模型 (Float) 和 层模型（Layer）。 1、流动模型（Flow）是什么？ 流动（Flow）是默认的网页布局模式，在默认状态下的 HTML 网页元素都是根据流动模型来分布网页内容的。块状元
阅读全文
摘要：范仁义css3课程 19、流动布局 一、总结 一句话总结： 流动（Flow）布局是默认的网页布局模式，在默认状态下的 HTML 网页元素都是根据流动模型来分布网页内容的。块状元素都会在所处的包含元素内自上而下按顺序垂直延伸分布，内联元素都会在所处的包含元素内从左到右水平分布显示。 1、流动模型的比较
阅读全文
摘要：范仁义css3课程 18、overflow 一、总结 一句话总结： 子元素默认是存在于父元素的内容区中，如果子元素的大小超过了父元素的内容区，则超过的大小会在父元素以外的位置显示，我们通过overflow可以设置父元素如何处理溢出内容 1、overflow属性有哪些属性值？ -visible，默认值
阅读全文
摘要：html5总结 一、总结 一句话总结： 二、课程资料说明 a、课程资料 博客：课程视频对应的博客里面都有上课用的代码 网站：https://fanrenyi.com （百度网盘，github） b、html5课程对应资料 html5参考手册 html5标签对应的英文意思 HTML5 标签含义之元素周
阅读全文
摘要：范仁义css3课程 17、元素的显示和隐藏 一、总结 一句话总结： 1、设置元素隐藏的三种方法？ 二、元素的显示和隐藏 博客对应课程的视频位置：17、元素的显示和隐藏https://www.fanrenyi.com/video/10/48 1、设置元素隐藏的三种方法 a、 display none
阅读全文
摘要：范仁义css3课程 15、行内元素和块级元素 一、总结 一句话总结： 1、常见的块状元素有哪些？ 2、常见的内联元素（行内元素）有哪些？ 3、常见的内联块状元素有哪些？ 4、块级元素的特点是什么？ 5、行内元素的特点是什么？ 6、内联块状元素的特点是什么？ 7、display属性的block、inl
阅读全文
摘要：范仁义css3课程 14、颜色 一、总结 一句话总结： 1、如何设置颜色的全透明？ 2、如何设置元素的透明度？ 二、颜色 博客对应课程的视频位置：14、颜色https://www.fanrenyi.com/video/10/45 颜色值缩写 关于颜色的css样式也是可以缩写的，当你设置的颜色是16进
阅读全文
摘要：范仁义css3课程 13、尺寸 一、总结 一句话总结： 1、设置尺寸属性一般常用的属性值？ 二、尺寸 (Dimension) 博客对应课程的视频位置：13、尺寸https://www.fanrenyi.com/video/10/44 注： width和max-width和min-width的区别 百
阅读全文
摘要：盒模型总结 一、总结 一句话总结： 二、盒模型 1、盒模型简介 CSS处理网页时，它认为每个元素都包含在一个不可见的盒子里。 为什么要想象成盒子呢？因为如果把所有的元素都想象成盒子，那么我们对网页的布局就相当于是摆放盒子。 我们只需要将相应的盒子摆放到网页中相应的位置即可完成网页的布局。 2、什么是
阅读全文
摘要：实用的css3小实例 1、卡片效果 一、总结 一句话总结： 1、box-shadow属性的语法及实例？ 二、实用的css3小实例 博客对应课程的视频位置：1、卡片效果 https://fanrenyi.com/video/12/37 参考或转自：https://www.runoob.com/css3
阅读全文
摘要：CSS3疑难问题 1、px、em、rem的区别 一、总结 一句话总结： 一、px是固定的像素，一旦设置了就无法因为适应页面大小而改变。 二、em和rem相对于px更具有灵活性，他们是相对长度单位，意思是长度不是定死了的，更适用于响应式布局。 三、em是相对于其父元素来设置字体大小的，一般都是以父标签
阅读全文
摘要：范仁义css3课程 7、文本2（css3文本） 一、总结 一句话总结： 1、设置文本的阴影效果用什么属性？ 2、设置 文本溢出包含它的元素之后发生什么 用什么属性？ 3、设置 允许对长的不可分割的单词进行分割并换行到下一行 用什么属性？ 4、设置 规定非中日韩文本的换行规则 用什么属性？ 二、css
阅读全文
摘要：css文本样式总结 一、总结 一句话总结： 1、设置文本颜色用什么属性？ 2、设置文本方向用什么属性？ 3、设置文本的字符间距 用什么属性（这里是字符间距，不是单词之间的间距）？ 4、设置文本的单词之间的间距用什么属性？ 5、设置文本的行高用什么 属性？ 6、设置 文本的水平对齐方式用什么属性？ 7
阅读全文
浙公网安备 33010602011771号