- 博客(7)
- 收藏
- 关注
RSS订阅原创 前端笔记（移动端）
flex是flexible Box的缩写，意为“弹性布局”，用来为盒状模型提供最大的灵活性，任何一个容器都可以指定为flex布局当我们为父盒子设为flex布局以后，子元素的float、clear和vertical-align属性将失效。伸缩布局=弹性布局=伸缩盒布局=弹性盒布局=flex布局采用Flex布局的元素，称为Flex容器（flex container），简称“容器”。它的所有子元素自动成为容器成员，称为Flex项目（flex item），简称“项目”...
2020-11-12 18:36:48
138
原创 前端笔记CSS（五）
精灵图精灵技术的目的：为了有效地减少服务器接收和发送请求的次数，提高页面的加载速度。使用精灵图核心：1、精灵技术主要针对于背景图片使用，就是把多个小背景图片整合到一张大图片中；2、这个大图片也称为sprites 精灵图 或者 雪碧图；3、移动背景图位置，此时可以使用 background-position；4、移动的距离就是这个目标图片的 x 和 y 坐标。注意网页中的坐标有所不同；5、因为一般情况下都是往上往左移动，所以数值是负值。字体图标 （iconfont）展示的是图标，本质属于字体
2020-11-05 22:18:49
167
原创 前端笔记CSS（四）
浮动CSS提供了三种传统布局方式：普通流（标准流）；浮动；定位。标准流：标签按照规定好的默认方式排列1、块级元素会独占一行，从上向下顺序排列常用元素：div、hr、p、h1~h6、ul、ol、dl、form、table2、行内元素会按照顺序，从左到右顺序排列，碰到父元素边缘则自动换行常用元素：span、a、i、em等浮动：最典型的应用：可以让多个块级元素一行内排列显示网页布局第一准则：多个块级元素纵向排列标准流，多个块级元素横向排列找浮动float：属性用于创建浮动框，将其移动到一边，直到
2020-10-31 22:06:38
151
原创 前端笔记CSS（三）
盒子模型：页面布局三大核心：盒子模型、浮动和定位1、先准备好相关的网页元素，网页元素基本都是盒子box；2、利用CSS设置好盒子样式，然后摆放到相应的位置；3、往盒子里面装内容；网页布局的核心本质：就是利用CSS摆盒子。盒子模型：就是把HTML布局元素看作是一个矩形的盒子，也就是一个盛装内容的容器。CSS盒子模型本质上是一个盒子，封装周围的HTML元素，它包括：边距、外边距、内边距、实际内容。边框（border）border-style：solid （实线）；border-st
2020-10-29 22:00:17
124
原创 前端笔记（CSS二）
1、Emmet 语法Emmet语法的前身是Zen coding，它使用缩进，来提高html/css的编写速度，Vscode内部已经集成该语法。1、快速生成HTML结构语法；2、快速生成CSS样式语法；1.1快速生成HTML结构语法：1、生成标签直接输入标签名 按tab键即可 比如 div 然后tab键，就可以生成2、如果想要生成 多个相同的标签 加上 * 就可以了 比如 div*3 就可以快速生成3个div3、如果有父子级关系的标签，可以用> 比如 ul > li 就可以了4、
2020-10-28 21:59:13
106
原创 前端笔记（CSS一）
CSSCSS规则由两部分构成：选择器 ，声明CSS引用：写在标签内：CSS注释：/注释语句/如何引用CSS样式：1、行内样式：在开始标签内添加style样式属性：如：内容2、内部样式：把css样式代码写在：/* CSS使用方法优先级： 行内样式>内部样式>外部样式1、链入外部样式表与内部样式表之间的优先级取决于所在位置；2、最后定义的优先级最高（就近原则）CSS选择器：标签选择器；类选择器；ID选择器；全局选择器；群组选择器；后代选择器类选择器：为HTML标签添加cl
2020-10-24 20:29:23
80
原创 前端基础知识点笔记（HTML）
HTML(Hypertext Markup Language) 即超文本标记语言；HTML特点：1、HTML不需要编译，直接由浏览器执行；2、HTML文本是一个文本文件；3、HTML文件必须使用html或htm为文件名后缀；4、HTML大小写不敏感，HTML与html一样。HTML基本结构HTML文件：…头部信息：…网页内容：…HTML标签：<标签名> </标签名>例如：…规范：1、<和>括起来；2、一般成对出现，分开始标签和结束标签结束标签比
2020-10-23 22:47:21
175
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人