大概是鹏鹏-CSDN博客

转载 Flex布局知识大全

一、Flex 布局是什么？Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为 Flex 布局。.box{ display: flex; }行内元素也可以使用 Flex 布局。.box{ display: inline-flex; }Webkit 内核的浏览器，必须加上-webkit前缀。.box{ display: -webkit-flex; /* Safari */ display: flex;

2021-09-01 14:54:57 290

原创前端面试你要知道的CSS盒子模型

前言盒子模型，英文即box model。无论是div、span、还是a都是盒子。但是，图片、表单元素一律看作是文本，它们并不是盒子。这个很好理解，比如说，一张图片里并不能放东西，它自己就是自己的内容。盒子中的区域一个盒子中主要的属性就5个：width、height、padding、border、margin。如下：width和height：内容的宽度、高度（不是盒子的宽度、高度）。padding：内边距。border：边框。margin：外边距。盒子模型的示意图：代码演示：&lt

2021-08-27 09:23:28 213

原创 JavaScript数组常用方法总结

常用的数组方法：join()push()和pop()shift() 和 unshift()sort()reverse()concat()slice()splice()indexOf()和 lastIndexOf() （ES5新增）forEach() （ES5新增）map() （ES5新增）filter() （ES5新增）every() （ES5新增）some() （ES5新增）reduce()和 reduceRight() （ES5新增）1.join()join() 方

2021-08-11 20:04:29 135 1

原创 CSS3的动画属性小结

css3的动画属性1、animation-name属性animation-name属性：定义动画名称，用于指定由规则定义的动画的一个或多个名称。注：animation-name属性必须与规则@keyframes配合使用，因为动画名称是由@keyframes定义声明的，如果提供多个属性值用逗号隔开。@keyframes规则相当于一个命名空间，后面跟一个名词，如果在class中的animation-name定义了与之对应的name就可以执行动画。2、animation-duration属性anima

2021-08-06 16:26:29 361

原创元素水平垂直居中的方法

1.元素水平居中margin: 0 auto;2.元素水平垂直居中方案1：position 元素有宽高而且要知道具体宽高父元素设置为：position: relative;子元素设置为：position: absolute;距上50%，距左50%，然后减去元素自身宽高一半的距离就可以实现...

2021-08-05 15:31:43 119 3

原创 JS-Date日期对象

创建Date对象的几种方式new Date();新建一个当前日期的date对象new Date().format(“yyyy年MM月dd日”);new Date().format(“MM/dd/yyyy”);new Date().format(“yyyyMMdd”);new Date().format(“yyyy-MM-dd hh:mm:ss”);dateString时间字符串的三种格式通用格式：年/月/日空格时：分：秒（示例：2020/07/15 16:53:56）短横杆式：xxx

2021-08-04 19:14:06 115 1

原创 (HTML+CSS)表单属性学习

表单的构成与创建一个完整的表单通常由表单元素、提示信息和表单域3个部分构成。在HTML5中，form标记被用于定义表单域，即创建一个表单，以实现用户信息的收集和传递，form中的所有内容都会被提交给服务器。创建表单的基本语法格式如下。form action="url 地址" method="提交方式" name="表单名称"> 各种表单控件 </form表单属性表单拥有多个属性，通过设置表单属性可以实现提交方式、自动完成、表单验证等不同的表单功能。action属性在表单收集到

2021-08-03 16:07:05 1900 4

原创 CSS中选择器的权重值

CSS 具有自己的优先级计算方法，而不仅仅是行间>内部>外部、ID>class>元素1. 样式类型1.1行间样式<h1 style="font-size:12px;color:#000;">我的行间CSS样式。</h1>1.2内联样式<style type="text/css"> h1{font-size:12px; color:#000; }</style>1.3外部样式<link

2021-08-02 16:46:48 755 1

原创 css的常用布局

css 布局的几种方式1、标准流布局 (现在用得少)所谓的标准：就是标签按照规定好默认方式排列，标准流是最基本的布局方式1.1 块级元素块级元素会独占一行，从上向下顺序排列常用元素：div,hr,p,h1,ul,ol,form,table1.2 行内元素行内元素会按照顺序，从左到右顺序排列，碰到父元素边缘则自动换行常用元素：span,a,i,em等2、浮动布局2.1 浮动特性1、脱标(1)脱离标准普通流的控制(浮)移动到指定位置(动)(2)浮动的盒子不再保留原先的位置2、如果

2021-08-02 13:59:49 381 3

hjp9906的博客