- 博客(25)
- 收藏
- 关注
RSS订阅
原创 行内块元素及其特点
常见的行内块标签img, input, textarea行内块状元素特点：行内块状元素综合了行内元素和块状元素的特性，但是各有取舍。因此行内块状元素在日常的使用中，由于其特性，使用的次数也比较多。行内块状元素特征：(1)不自动换行(2)能够识别宽高(3)默认排列方式为从左到右......
2020-11-30 14:55:19
5762
2
原创 浮动的概念作用特点产生浮动的原因和清除浮动的方法
一，浮动floatCSS 提供了 3 种机制来设置盒子的摆放位置，分别是普通流（标准流）、浮动和定位，其中浮动让盒子从普通流中浮起来,主要作用让多个块级盒子一行显示。什么是浮动(float)概念：元素的浮动是指设置了浮动属性的元素会脱离标准普通流的控制移动到指定位置。作用：让多个盒子(div)水平排列成一行，使得浮动成为布局的重要手段。可以实现盒子的左右对齐等等.浮动最早是用来控制图片，实现文字环绕图片的效果。语法： 选择器 {float: 属性值;}浮动的特点清除概念的方法
2020-09-10 20:13:58
4561
原创 块级元素及特点
块级元素(block-level)常见的块元素有~、、、、、等，其中标签是最典型的块元素。块级元素的特点：（1）比较霸道，自己独占一行（2）高度，宽度、外边距以及内边距都可以控制。（3）宽度默认是容器（父级宽度）的100%（4）是一个容器及盒子，里面可以放行内或者块级元素。注意：只有 文字才 能组成段落 因此 p 里面不能放块级元素，特别是 p 不能放div同理还有这些标签h1,h2,h3,h4,h5,h6,dt，他们都是文字类块级标签，里面不能放其他块级元素...
2020-09-08 19:31:01
4897
2
原创 微信小程序wxss background
前言:前端在开发过程中经常会遇到需要使用ttf文件加载特殊字体如最近比较火的苹方字体，由于字体文件比较大有几M大小，这样会导致刚进入页面需要加载的东西变多导致白屏时间过长，如果你已经知道使用该字体样式的字体有那一些的话就可以使用font-spider（字蛛）进行精简压缩。第五步：执行第四步后生成新的ttf文件，将生成的ttf文件放到自己的项目文件目录夹下，然后在全局引入的时候需要这么写。第六步：在需要使用该字体的class或者id内使用。第三步：新建一个css文件（处理的ttf文件）"文件保存地址路径"
2022-09-20 17:45:53
1607
原创 vue3创建项目简介
一.创建vue项目的要求：首先要有node环境：下载node.js 官方下载地址：https://nodejs.org/en/download/下载完成后一路next完成安装安装cnpm：npm install -g cnpm --registry=https://registry.npm.taobao.org （使用下面命令安装淘宝镜像npm） 等待安装完成后 使用 npm -v命令测试是否安装成功安装vue：npm install -g @vue/cli （使用该命令安装vue）
2021-10-19 14:06:59
172
原创 移动端基础
1. 像素的相关问题1.1 物理像素(像素点)屏幕是这个样子的1.2 分辨率如上图，每一个长度方向上的像素个数乘以每一个宽度方向上的像素个数的表示形式，就叫做分辨率比如，小米11屏幕尺寸相同的手机，包含的像素点个数是不确定的，像素点越小，同一方向上容纳的像素个数就越多，图像显示就越精细所以，我们都喜欢买像素高的手机1.3 1px=1个物理像素？早期的手机屏幕，都是所谓的普通屏幕，也就是标清屏，1css像素=1个物理像素但是随着 Retina(视网膜屏)等技术的兴起，能够将更多的物理像
2021-01-07 17:15:48
106
原创 js闭包和递归
js的闭包和递归1闭包1.1什么是闭包定义一：闭包是一个有权访问另一个函数作用域中变量的函数，也就是说闭包是一个函数，当然这个一般是内部函数作用域访问外部函数作用域定义二：一个函数和对其周围状态（lexical environment，词法环境）的引用捆绑在一起（或者说函数被引用包围），这样的组合就是闭包，这个定义中闭包仍然被看成一个函数，只不过需要结合函数的词法环境才可以被称作闭包特点：1闭包是一个函数2内部函数使用了外部函数的变量1.2闭包的作用作用：延伸变量的作用范围函数在执行时，
2020-12-27 19:46:59
547
2
原创 js操作元素样式，元素内容和元素属性的方法
js操作元素样式1.元素.style.属性='属性值’var div=document.getElementById('box')div.style.width='300px';div.style.height='300px';div.style.backgroundColor='red'; //css中有-的属性，在js中要改成驼峰命名法2.div.style.属性 获取元素的样式var div=document.getElementById('box')console.log
2020-12-10 11:23:42
255
原创 静态页面搭建经验
静态页面搭建经验1，CSS和HTML分开写，一个用于写公共样式，其余写个体样式2. 在head里用link引入CSS文件，注意路劲问题3. 多数静态页面，公共快捷导航，头部，和尾部相同，中间内容不同4.span等行内元素不能直接设置宽高，需要转换为行内块或块元素来设置宽高。5.after伪元素：详情见前CSDN博客。6.float浮动：float：left/right/none没有float：center（错误）清除浮动的方法见 前CSDN博客。7.transform属性定义和用法
2020-12-09 11:15:21
497
原创 行内元素与行内块元素的margin-top问题
行内元素与行内块元素的margin-top问题对行内元素设置margin-top（bottom）不起作用，margin-right（left）起作用，行内块元素可以设置宽高，设置margin属性也起作用。如果要设置行内元素需转换为行内块元素行内元素转换为行内块元素：display:inline-block;行内元素及行内块元素请看前文笔记...
2020-11-30 14:55:40
1779
原创 CSS伪元素
CSS伪元素CSS伪元素用于向某些选择器设置特殊效果语法：伪元素的语法：selector:pseudo-element {property:value;}CSS类也可以与伪元素配合使用：selector.class:pseudo-element {property:value;}:first-line伪元素:first-line伪元素用于向文本的首行设置特殊样式 p:first-line { color:#ff0000; font-variant:small-caps; }注释：
2020-11-30 14:32:30
133
原创 laravel基础
各个文件夹的含义启动服务php artisan serv创建模型php artisan make:model Post(模型名，首字母大写)创建控制器php artisan make:controller PostController(控制器名，驼峰命名)创建路由：Route::get('/', function () { return view('welcome');});get 方法：说明注册的是一个 get 方式访问的路由，不能以 post 等其他方式访问 /：路由地址 fu
2020-11-25 14:31:02
131
原创 Boostrap栅格系统
Boostrap栅格系统（响应式，移动设备优先）把一行分为12列（随着屏幕设备或视口尺寸的增加，系统会自动分为最多12列）<768px col-xs 超小（手机）大于=768px col-sm 小（平板）大于=992px col-md 中（笔记本桌面等）大于=1200px col-lg 大 （大屏幕设备）（注：该为个人理解记忆，是正确答案，但不标准）...
2020-11-19 11:12:19
79
原创 javaScript获取当前时间、日期、月份
javaScript获取当前时间、日期、月份var today = new Date();today .getFullYear(); //获取完整的年份(4位,1970)today .getMonth(); //获取当前月份(0-11,0代表1月)today .getDate(); //获取当前日(1-31)today .getDay(); //获取当前星期X(0-6,0代表星期天)today .getTime(); //获取当前时间(从1970.1.1开始的毫秒数)today .getHou
2020-10-04 15:08:49
659
原创 CSS3中display:none和visibility:hidden的区别
display:none和visibility:hidden的区别是：1.display:none是彻底消失，不在文档流中占位，浏览器也不会解析该元素；visibility:hidden是视觉上消失了，可以理解为透明度为0的效果，在文档流中占位，浏览器会解析该元素；2.使用visibility:hidden比display:none性能上要好，display:none切换显示时visibility，页面产生回流（当页面中的一部分元素需要改变规模尺寸、布局、显示隐藏等，页面重新构建，此时就是回流。所有页面
2020-09-27 14:07:43
256
原创 JS里break ,continue ,return 的区别
break ,continue ,return 的区别break ：结束当前的循环体（如 for、while）continue ：跳出本次循环，继续执行下次循环（如 for、while）return ：不仅可以退出循环，还能够返回 return 语句中的值，同时还可以结束当前的函数体内的代码例：// 声明函数function 函数名（）{return 需要返回的值；} // 调用函数函数名(); // 此时调用函数就可以得到函数体内return 后面的值...
2020-09-24 19:46:33
97
原创 position定位（relative，absolute，fixed）
定位 将盒子定在某一个位置 自由的漂浮在其他盒子的上面 —— CSS 离不开定位定位=定位模式+边偏移方位名词（边偏移）：top bottom left right（定位模式）语法：选择器{position：属性值}；属性值：1.static：静态定位 默认 基本不用2.relative：相对定位 相对定位是元素相对于它原来在标准流中的位置来说的。特点：相对于自己原来在标准流中位置来移动的原来在标准流的区域继续占有，后面的盒子仍然以标准流的方式对待它。3.ab
2020-09-16 14:51:01
272
原创 css三种定位（绝对定位，相对定位和固定定位）
css绝对定位和相对定位的区别一：绝对定位**position: absolute;**绝对定位：绝对定位是相对于元素最近的已定位的祖先元素（即是设置了绝对定位或者相对定位的祖先元素）。如果元素没有已定位的祖先元素，那么它的位置则是相对于最初的包含块（body）。绝对定位本身与文档流无关，因此不占空间，普通文档流中的元素的布局就当绝对定位的元素不存时一样，所以 它们可以覆盖页面上其他的元素，且可以通过z-index属性来控制这些层的对方顺序。#box_absolute { position: ab
2020-09-14 16:14:52
812
原创 padding（margin）的简写（复合写法）的代表意思
padding的简写（复合写法）的代表意思padding：10px；上下左右都是10pxpadding：10px 10px；上下10px，左右10pxpadding：10px 0 10px；上 左右 下padding：10px 20px 30px 40px； 上右下左margin的复合写法同padding...
2020-09-14 09:32:07
1890
3
原创 CSS 三大特性
1 CSS层叠性是浏览器处理冲突的一个能力,如果一个属性通过两个相同选择器设置到同一个元素上，那么这个时候一个属性就会将另一个属性层叠掉原则：样式冲突，遵循的原则是就近原则。 那个样式离着结构近，就执行那个样式。样式不冲突，不会层叠 （后来者居上）2 CSS继承性子标签会继承父标签的某些样式，如文本颜色和字号。想要设置一个可继承的属性，只需将它应用于父元素即可。简单的理解就是： 子承父业。注意：恰当地使用继承可以简化代码，降低CSS样式的复杂性。比如有很多子级孩子都需要某个样式，可
2020-09-09 10:32:52
76
原创 行内元素及其特点
行内元素(inline-level)常见的行内元素有在这里插、、、、、、、、、入代码片等，其中标签最典型的行内元素。有的地方也成内联元素行内元素的特点：（1）相邻行内元素在一行上，一行可以显示多个。（2）高、宽直接设置是无效的。（3）默认宽度就是它本身内容的宽度。（4）行内元素只能容纳文本或则其他行内元素。注意：链接里面不能再放链接。特殊情况a里面可以放块级元素，但是给a转换一下块级模式最安全。...
2020-09-08 19:44:54
4896
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人