随笔分类 - 1_css（布局、z-index等）
摘要：CSS的三种布局模式 一、总结 一句话总结： 1、流动布局模型 常见的特点？ 二、CSS的三种布局模式 转自或参考：CSS的三种布局模式 - 简书https://www.jianshu.com/p/254c2ee3ad64 一，布局模型与盒模型一样都是 CSS 最基本、 最核心的概念。在网页中，元素
阅读全文
摘要：范仁义css3课程 17、元素的显示和隐藏 一、总结 一句话总结： 1、设置元素隐藏的三种方法？ 二、元素的显示和隐藏 博客对应课程的视频位置：17、元素的显示和隐藏https://www.fanrenyi.com/video/10/48 1、设置元素隐藏的三种方法 a、 display none
阅读全文
摘要：范仁义css3课程 16、导航栏小实例 一、总结 一句话总结： 二、导航栏小实例 博客对应课程的视频位置：16、导航栏小实例https://www.fanrenyi.com/video/10/47 做一个基础版的小实例 导航一般是用列表来做的，比如ul和li，主要是通过display:inline;
阅读全文
摘要：范仁义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的区别 百
阅读全文
摘要：范仁义css3课程 12、盒子模型小实例 一、总结 一句话总结： 1、如何学习（做出）看到的好看的样式？ 二、盒子模型小实例 博客对应课程的视频位置：12、盒子模型小实例https://www.fanrenyi.com/video/10/43 做我网站页面上的这样一个小实例 1、如何学习（做出）看到
阅读全文
摘要：min.css和普通css有什么不同 一、总结 一句话总结： 二、min.css和普通css有什么不同 两者仅仅是文件大小、有无注释、格式美化（可读性）上的区别，使用上（作用效果）并没有什么区别。 压缩和未压缩的区别，.min是压缩版的（去掉多余的注释、空格等）文件较小，易于加载，另外的就是未压缩的
阅读全文
摘要：范仁义css3课程 11、外边距margin 一、总结 一句话总结： 1、margin使用实例？ 2、margin使用注意？ 3、如何使用margin设置块级元素水平居中？ 二、外边距margin 博客对应课程的视频位置：11、外边距marginhttps://fanrenyi.com/video/
阅读全文
摘要：范仁义css3课程 10、内边距 一、总结 一句话总结： 二、内边距 博客对应课程的视频位置：10、内边距https://fanrenyi.com/video/10/40 1、盒模型 2、内边距padding CSS padding（填充）是一个简写属性，定义元素边框与元素内容之间的空间，即上下左右
阅读全文
摘要：范仁义css3课程 9、边框 一、总结 一句话总结： 1、border-style:dotted solid double dashed;中各属性值分别作用的是哪一个边框的样式？ 2、边框属性简写实例？ 3、设置左边框的样式实例？ 4、取消边框样式？ 二、盒子模型之边框 博客对应课程的视频位置：9、
阅读全文
摘要：范仁义css3课程 8、盒模型 一、总结 一句话总结： 1、盒子模型 由哪些部分组成？ 二、盒模型 博客对应课程的视频位置：8、盒模型https://fanrenyi.com/video/10/36 1、盒模型简介 CSS处理网页时，它认为每个元素都包含在一个不可见的盒子里。 为什么要想象成盒子呢？
阅读全文
摘要：盒模型总结 一、总结 一句话总结： 二、盒模型 1、盒模型简介 CSS处理网页时，它认为每个元素都包含在一个不可见的盒子里。 为什么要想象成盒子呢？因为如果把所有的元素都想象成盒子，那么我们对网页的布局就相当于是摆放盒子。 我们只需要将相应的盒子摆放到网页中相应的位置即可完成网页的布局。 2、什么是
阅读全文
摘要：范仁义css3课程 7、文本样式2 一、总结 一句话总结： 1、设置 文本的水平对齐方式用什么属性？ 2、设置文本的 删除线、下划线、上划线这些用什么属性？ 3、设置文本的首行缩进应该用什么属性？ 4、设置文本的大小写用什么属性？ 二、文本样式2 博客对应课程的视频位置：7、文本样式2https:/
阅读全文
摘要：实用的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课程 6、文本样式1 一、总结 一句话总结： 1、设置文本颜色用什么属性？ 2、设置文本的字符间距 用什么属性（这里是字符间距，不是单词之间的间距）？ 3、设置文本的单词之间的间距用什么属性？ 4、设置文本的行高用什么 属性？ 二、文本样式1 博客对应课程的视频位置：6、文本样式1ht
阅读全文
摘要：范仁义css3课程 7、文本2（css3文本） 一、总结 一句话总结： 1、设置文本的阴影效果用什么属性？ 2、设置 文本溢出包含它的元素之后发生什么 用什么属性？ 3、设置 允许对长的不可分割的单词进行分割并换行到下一行 用什么属性？ 4、设置 规定非中日韩文本的换行规则 用什么属性？ 二、css
阅读全文
摘要：css文本样式总结 一、总结 一句话总结： 1、设置文本颜色用什么属性？ 2、设置文本方向用什么属性？ 3、设置文本的字符间距 用什么属性（这里是字符间距，不是单词之间的间距）？ 4、设置文本的单词之间的间距用什么属性？ 5、设置文本的行高用什么 属性？ 6、设置 文本的水平对齐方式用什么属性？ 7
阅读全文
摘要：范仁义css3课程 5、css的继承、层叠和特殊性 一、总结 一句话总结： 1、css中样式的继承是怎么回事？ 2、常见选择器的权值？ 3、样式 #footer .note p{color:yellow;} 的权值是多少？ 4、css中的层叠是怎么回事？ 5、css样式优先级 是怎样的？ 6、我们在
阅读全文
浙公网安备 33010602011771号