xiaoxustudy - 博客园

2020年10月1日

摘要：本文为学习《CSS世界》第 3 章后所作笔记。 “内部尺寸”的意思是，元素的尺寸由内部的元素决定，不由外部的容器决定。假如一个元素里面没有内容，宽度就是 0，那么就是应用的 “内部尺寸” 。 “内部尺寸”有 3 种表现形式，包裹性、首选最小宽度和最大宽度。下面是关于首选最小宽度的笔记。首选最小宽阅读全文

posted @ 2020-10-01 21:50 xiaoxustudy 阅读(451) 评论(0) 推荐(0)

元素内部尺寸的包裹性

摘要：本文为学习《CSS世界》第 3 章后所作笔记。 “内部尺寸”的意思是，元素的尺寸由内部的元素决定，不由外部的容器决定。假如一个元素里面没有内容，宽度就是 0，那么就是应用的 “内部尺寸” 。 “内部尺寸”有 3 种表现形式，包裹性、首选最小宽度和最大宽度。下面是关于包裹性的笔记。如果一个元素的阅读全文

posted @ 2020-10-01 20:58 xiaoxustudy 阅读(186) 评论(0) 推荐(0)

借助浏览器流特性设置宽度

摘要：本文为学习《CSS世界》第 3 章后所作笔记。目录： 1. 借助浏览器流特性设置宽度 2. 通过 “ 容器宽度 - 水平 padding - 水平 margin = ? ”计算具体宽度给垂直导航栏设置宽度有 2 种方法，一是借助浏览器流特性设置宽度，二是通过 “ 容器宽度 - 水平 paddin 阅读全文

posted @ 2020-10-01 16:15 xiaoxustudy 阅读(118) 评论(0) 推荐(0)

元素类型的转换

摘要：目录： 1. 元素类型 2. 元素类型的转换一. 元素类型元素类型有块元素、内联元素。内联元素也称为行内元素。块元素有 div、h1-h6、p、ul、ol、li 等。内联元素有 span、strong、em、b、a、u 等。块元素独占一行、能设置宽高。内联元素不独占一行，不能设置宽高。二阅读全文

posted @ 2020-10-01 09:43 xiaoxustudy 阅读(874) 评论(0) 推荐(0)

浮动

摘要：目录： 1. 初识浮动 2. 固定盒子与浮动盒子相邻 3. 浮动元素相邻一. 初识浮动现在一个块级标签里面有两个块级标签，两个块级标签独占一行。现在希望他们在同一行显示。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></ 阅读全文

posted @ 2020-10-01 09:09 xiaoxustudy 阅读(167) 评论(0) 推荐(0)

2020年8月24日

用 HTML+CSS 实现商城页面

摘要：目录： 1.首页项目结构 2.通用样式抽取 3.结构与样式 4.顶部广告 5.顶部通栏结构 6.顶部通栏样式 7.搜索结构搭建 8.搜索样式 9.导航结构 10.导航样式 11.轮播图大结构 12.轮播图左侧 13.轮播图中间 14.轮播图右侧 15.主要内容 16.尾部 17.错误纠正 18.最终阅读全文

posted @ 2020-08-24 20:31 xiaoxustudy 阅读(9363) 评论(0) 推荐(1)

2020年8月20日

雪碧图

摘要：目录： 1. 基本概念 2. 优点 3. 注意 4. 图示 5. 例子本片笔记为学习叶建华老师的网课之后所做。传送门：https://study.163.com/course/courseLearn.htm?courseId=1006399046#/learn/video?lessonId=105 阅读全文

posted @ 2020-08-20 21:32 xiaoxustudy 阅读(383) 评论(0) 推荐(0)

2020年8月19日

绝对定位

摘要： position 的值为 absolute 时，就是开启了绝对定位。元素设置绝对定位以后，如果不设置偏移量，元素的位置不会发生变化。绝对定位的元素是相对于距离他最近的祖先元素进行定位，如果所有的祖先元素都没有开启定位，则相对于浏览器窗口进行定位。绝对定位的元素会完全脱离文档流。绝对定位会改变阅读全文

posted @ 2020-08-19 22:37 xiaoxustudy 阅读(714) 评论(0) 推荐(0)

相对定位

摘要： position 的值为 relative 时，就是开启了相对定位。当元素开启了定位以后，可以通过偏移量来设置元素的位置。偏移量可以通过 left、top、right、button 来设置。一般情况下，只使用两个值即可定义一个元素的位置。开启元素的相对定位后，如果不设置偏移量元素不会发生任何变化阅读全文

posted @ 2020-08-19 21:39 xiaoxustudy 阅读(435) 评论(0) 推荐(0)

2020年8月15日

Vue 自定义指令

摘要：请勿直接爬走，本文地址：https://www.cnblogs.com/xiaoxuStudy/p/13208406.html 目录： 1. 怎么创建自定义指令 2. 什么时候用自定义指令 3. 钩子函数 4. 实操一. 怎么创建自定义指令通过 Vue.directive 全局创建指令，Vue. 阅读全文

posted @ 2020-08-15 10:28 xiaoxustudy 阅读(1918) 评论(0) 推荐(0)