- 博客(15)
- 收藏
- 关注
RSS订阅原创 前端基础笔记15
percentage：以父元素的百分比来设置背景图像的宽度和高度。/* - ele:nth-last-of-type(n){ } 选择一组元素中特定类型的倒数第n个ele元素 *//* - ele:nth-of-type(n){ } 选择一组元素中特定类型的第n个ele元素 */- ele:nth-last-child(n){ } 选择一组相同元素中的倒数第n个元素，n表示数值、关键词、表达式。/* - ele:last-of-type 选择一组元素中特定类型的最后一个子元素的每个元素 */
2022-10-10 14:40:06
54
原创 前端基础笔记14
Autoprefixer是一款自动管理浏览器前缀的插件，它可以解析CSS文件并且添加浏览器前缀到CSS内容里，使用Can I Use（caniuse网站）的数据来决定哪些前缀是需要的。- 用于输入电话号码的文本输入域，服务于触屏网页开发，在电脑网页中无效，在触屏网页中点击输入域，显示虚拟电话键盘（0-9、*、#）range类型的min值默认为0，max属性默认值为100。- 是css技术的升级版本，在css2的基础上，新增了许多特性，弥补了css2的不足，使web页面的开发变得更加高效、便捷。
2022-10-10 14:39:32
52
原创 前端基础笔记13
文件”--“存储为web所用格式”（“导出”--“存储为web所用格式” 或 Ctrl + shift + alt + s）-- “预设”（选择jpeg高|gif|png),修改图片品质，单击“存储”--选择保存文件的位置，修改文件名，选择格式（仅限图像），切片（选中的切片（按住shift选择）或所有用户切片），设置--（其它--设置切片命名及方式）单击“保存”双飞翼布局，始于淘宝 UED。如果把三栏布局比作一只鸟，可以把 main 看成是鸟的身体，left 和 right 则是 鸟的翅膀。
2022-10-10 14:38:53
207
原创 前端基础笔记12
image-20210414133803719](C:/Users/Administrator/Desktop/web/系统班课程大纲/day08/笔记/image-20210414133803719.png)将中间背景盒向右移动左侧盒子宽度（left: 左侧盒宽度）、右侧背景盒向移动中间盒子宽度（left: 中间盒宽度）可以沉迷，可以抱怨，可以奔溃，，可以抱怨，可以奔溃，人要有自愈能力可以沉迷，可以抱怨，可以奔溃，，可以抱怨，可以奔溃，人要有自愈能力。左、中、右盒分别设置宽度，高度（最小高度）、浮动。
2022-10-10 14:38:06
78
原创 前端基础笔记10
div class="right">出师表出师表出师出师表出师出师表出师出师表出师出师表出师出师表出师出师表出师出师表出师出师表出师表出师表出师表 原因：浮动 脱离标准流不脱离文本流 浮动的盒子会遮盖下面的盒子，但是下面盒子里的文字是不会被遮盖的，文字 反而还会环绕浮动的盒子。-- 原因：浮动 不会脱离文本流 浮动的盒子会遮盖下面的盒子，但是下面盒子里的文字是不会被遮盖的，文字 反而还会环绕浮动的盒子。spread：阴影大小。可选 单位： px。
2022-10-08 11:04:38
60
原创 前端基础笔记9
如果元素的四个边的位置是使用“top”、“right”、“bottom”和“left”来描述的，那么元素的“height”和“width”将隐式地由偏移量决定。注意：所有的元素都能使用以上的属性，元素脱离正常文档流之后，不再区分块级和行级元素，宽度没有设置时，由内容撑开，行内元素可以设置宽高，类似于行内块元素。表示“将元素放在文档布局流的默认位置，HTML 元素的默认值，即没有定位，遵循正常的文档流对象。没有定位父级时相对于html进行定位，有定位父级时相对于最近的定位父级进行定位。
2022-10-08 11:04:03
40
原创 前端基础笔记8
边偏移定位元素的位置，使用“top”、“right”、“bottom”和“left”来描述。“background- repeat”，“background-position”的组合进行背景定位，background-position 精确的定位出背景图片的位置。我是图片的介绍我是图片的介绍我是图片的介绍我是图片的介绍我是图片的介绍我是图片的介绍我是图片的介绍我是图片的介绍我是图片的介绍我是图介。相对于元素本身的位置进行一个位置调整，占位依然在原来的位置，也就是说，元素设置相对定位后，其原来的位置还占位。
2022-10-08 11:03:13
40
原创 前端基础笔记7
4.在浮动元素之后，与浮动元素呈并列关系的位置，加一个不浮动块元素（空的div标签（div本身不浮动，没有尺寸）），在空的div标签上加上属性：clear：both;概念：当样式声明发生冲突时，用户代理需要确定样式声明的最终值，既要考虑样式的来源又要考虑样式的特殊声明又要考虑优先级、以及先后顺序 ，这个过程就叫做层叠。文档中可以显示的对象在排列时所占的位置，实际上就是一个网页内标签正常从上到下，从左到右的排列，比如，块级标签会独占一行，行级标签会在一行显示。不浮动，默认值，并且会显示在其文本中出现的位置。
2022-10-08 11:02:30
36
原创 前端基础笔记6
特殊情况下我们需要进行元素的模式转换，改变默认元素模式使其拥有另一种元素模式的特性，使用display属性能够将三者任意转换。- 行内元素只能容纳文本或者其他行级元素（此处请注意，不要在行级元素中嵌套块级和行内块元素）。- 默认横向显示——默认水平布局，相邻的行级元素会在同一行显示，直到一行排不下，才会换行；- 默认横向显示——默认水平布局，相邻的行级元素会在同一行显示，直到一行排不下，才会换行。样式不冲突，优先级没有意义。- 本身属性为display:inline-block的元素称为行级块元素。
2022-10-08 11:01:49
39
原创 前端基础笔记5
image-20210427201245343](C:/Users/Administrator/Desktop/web/系统班课程大纲/day04/笔记/image-20210427201245343.png)[](C:/Users/Administrator/Desktop/web/系统班课程大纲/day04/笔记/1-元素并列.png)[](C:/Users/Administrator/Desktop/web/系统班课程大纲/day04/笔记/2-元素嵌套.png)两个值：上下边框 左右边框。
2022-10-08 11:00:54
77
原创 前端基础笔记4
image-20210413093344913](C:/Users/Administrator/Desktop/web/系统班课程大纲/day04/笔记/image-20210413093344913.png)1.英文的关键词：red红色，orange橙色，yellow黄色，green绿色，cyan青色，blue蓝色，purple紫色。CSS 盒模型本质上是一个盒子，封装周围的 HTML 元素，它包括：外间距、边框、内填充、和实际内容。
2022-10-08 11:00:11
41
原创 前端基础笔记3
image-20210427175625072](C:/Users/Administrator/Desktop/web/系统班课程大纲/day03/笔记/image-20210427175625072.png)[image-20210427204252842](C:/Users/Administrator/Desktop/web/系统班课程大纲/day03/笔记/image-20210427204252842.png)按住alt键，放大图纸，为了测量更加准确，滚动滚轮，向外滚表示放大，向内滚表示缩小。
2022-10-08 10:59:35
37
原创 前端基础笔记2
image-20210427203749840](C:/Users/Administrator/Desktop/web/系统班课程大纲/day03/笔记/image-20210427203749840.png)[image-20210427203612642](C:/Users/Administrator/Desktop/web/系统班课程大纲/day03/笔记/image-20210427203612642.png)单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。
2022-10-08 10:58:40
42
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人