- 博客(8)
- 收藏
- 关注
RSS订阅转载 css中伪类和伪元素的区别及用法
一、区别：（1）伪元素主要是用来创建一些不存在原有dom结构树种的元素，例如：用::before和::after在一些存在的元素前后添加文字样式等，这些被添加的内容会以具体的UI显示出来，被用户所看到的，这些内容不会改变文档的内容，不会出现在DOM中，不可复制，仅仅是在CSS渲染层加入。CSS3中建议使用::表示伪元素，如：div::before。::before和::...
2019-09-29 15:48:00
190
转载 表单
1、表单的定义 表单是一块可采集用户数据的区域 表单对后端开发者至关重要2、如何创建表单区域 用form元素表示表单 用action属性表示表单的提交地址 用method属性表示表单的提交方式...
2019-09-29 10:09:00
147
转载 nth-of-type与nth-child的区别
nth-of-type： 简单来说nth-of-type会忽略其它标签的顺序而按照标签自身种类的顺序进行筛选，也就是选择的参照点并不是DOM数，而是自身。下面我们结合具体的例子来了解下。 1 <style> 2 p:nth-of-type(3){ 3 background: red; 4 } ...
2019-09-17 09:54:00
101
转载 块级元素和行内元素区别
一，行内元素与块级元素的区别：1.行内元素与块级元素直观上的区别二、行内元素与块级元素的三个区别 行内元素会在一条直线上排列（默认宽度只与内容有关），都是同一行的，水平方向排列。 块级元素各占据一行（默认宽度是它本身父容器的100%（和父元素的宽度一致），与内容无关），垂直方向排列。块级元素从新行开始，结束接着一个断行。...
2019-09-16 12:26:00
509
转载 背景图的使用
background-image 属性为元素设置背景图像。元素的背景占据了元素的全部尺寸，包括内边距和边框，但不包括外边距。默认地，背景图像位于元素的左上角，并在水平和垂直方向上重复。提示：可以设置一种可用的背景颜色，这样的话，假如背景图像不可用，页面也可获得良好的视觉效果。背景图在盒子中的位置（预设值）：情况一：背景图小于盒子情况二：背...
2019-09-15 15:32:00
263
转载 弹性布局
一.简介弹性布局，又称“Flex布局”，是由W3C老大哥于2009年推出的一种布局方式。可以简便、完整、响应式地实现各种页面布局。容器：需要添加弹性布局的父元素；项目：弹性布局容器中的每一个子元素，称为项目；主轴：在弹性布局中，我们会通过属性规定水平/垂直方向为主轴；交叉轴：与主轴垂直的另一方向，称为交叉轴。二.使用① 给父容器添加display: f...
2019-09-11 12:23:00
144
转载 前端中的定位体系
1.定位体系的意义： 定位体系帮助作者使文档更易理解，并不需要使用标记的手段达到布局的效果。 格式化上下文决定了可视化格式模型中框的形式，定位体系布局决定了这些框在页面中如何布局。2.分类： 视觉格式化模型规定，定位体系一共有三种：常规流（normal flow）、浮动（float）、绝对定位（absolute positioned）。 任何一个元素，必须属于...
2019-09-08 18:28:00
121
转载 html/css层叠
一.定义：层叠是一种机制，用于解决CSS声明冲突，层叠的整个过程，是浏览器根据规则自动完成的。二.层叠的过程：1.比较优先级: 一个声明的优先级，与它的来源和重要性有关来源：作者样式表、浏览器默认样式表、用户样式表重要性：属性值后加！important表示重要声明浏览器默认样式表中的声明用户样式表中的普通声明作者样式表中的普通声明作者样式表中的重要声...
2019-09-08 17:43:00
109
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人