前端
我爱吃秋香螺蛳粉
没试过 没努力过 怎么知道不能成为一个优秀的程序员呢?
展开
-
前端之单行文字水平垂直居中和多行文字水平居中
一丶单行文字(1)水平居中text-align:center:控制单行文字水平居中(2)垂直居中设置行高,当line-height:50px 行高等于父级高,文字即是垂直居中(这里的父级高是div)二丶多行文字水平居中设置一个标签 比如把多行文字放在p标签中。然后通过margin:25px auto 来调整水平居中&&一个小技巧: 刚开始不知道margin调多少...原创 2019-01-05 09:56:29 · 1777 阅读 · 0 评论 -
前端面试小知识(一)
一丶清除浮动的方式1.父级div定义 height原理:父级div手动定义height,就解决了父级div无法自动获取到高度的问题。优点:简单、代码少、容易掌握缺点:只适合高度固定的布局,要给出精确的高度,如果高度和父级div不一样时,会产生问题2.父级div定义 overflow:hidden原理:必须定义width或zoom:1,同时不能定义height,使用overflow:hi...原创 2019-06-20 22:39:52 · 161 阅读 · 0 评论 -
前端小知识
一丶HTML1. 1.1 play()开始播放的方法。1.2 pause() 停止播放。2.2.1audio:音频标签,controls 显示出音乐条3. canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法4. getCurrentPosition() 方法来获得用户的位置5.input的type类型有:email,number,date.search二丶C...原创 2019-06-20 22:38:54 · 132 阅读 · 0 评论 -
前端——js定时器之北京时间(详细注释)
<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <style> body{ font-size:60px; text-align: center;} </style>&am原创 2019-01-07 20:02:26 · 1582 阅读 · 0 评论 -
前端——JS之定时器的小案例(1)
定时器点名小案例(抽奖游戏也同理)&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;/head&gt;&原创 2019-01-07 19:05:37 · 1501 阅读 · 0 评论 -
前端之常见的实用伪元素
一丶伪类元素选择器:【类名或者id+:+伪元素】1.:hover:当鼠标移进去的时候,添加样式如图“鼠标在外边:鼠标进去的时候 ,div 变小 也出现背景颜色除了用在div还可以用在文本 等其他地方 学以致用 活学活用 举一反三。2.:first-line:改变文本第一行的样式3.:first-letter:改变第一个字的样式 或者第一个字母的样式3.:before:在前面插入...原创 2019-01-05 17:21:54 · 1244 阅读 · 0 评论 -
前端———CSS3一些不常用却实用的属性(一)
一.transparent:隐藏边框线,这里是隐藏了右边的边框线,其他 left top bottom 一样的操作二丶**.opaciiy** 元素的不透明: 把整个元素都能设置为透明 例子未用opacity之前:使用opacity之后:div背景颜色也透明 div里边的文字也透明 opacity 参数值是0~1之间。注意它background-red rgba(0,0,0,0.2)有区...原创 2019-01-05 15:51:32 · 515 阅读 · 0 评论 -
前端——定位
一丶html文档流:块元素垂直排列,内联元素水平排列二丶定位什么时候用?一般用在元素叠加(也就是说一个div 里边还有一个div 这就是相互叠加在一起了,要对里边的div进行调整位置 就用到定位)三丶定位类型及其介绍:(1)position static 无定位(2)position retive 相对定位 :相对自己原来的位置进行微调,是半脱离标准流,原来的位置依然保留(3)po...原创 2019-06-28 09:16:15 · 11755 阅读 · 1 评论 -
前端-----浮动做一个简单的导航栏和通俗理解一下margin 和padding区别
一:浮动(1)浮动的概念:浮动起来变成行内块元素,并且不占位,父级高度为0(浮动塌陷)其解决方法是:1丶给父级一个overflow:hiiden(overflow:hiiden:要有宽度或者高度才会溢出部分隐藏,如果外部盒子没有宽度或者高度,里面又是浮动元素,就会被撑开。)2、让父级元素也浮动起来(不建议直接使用,会造成二次塌陷)3、直接给父级元素一个高度(不建议使用)(2)浮动导航栏...原创 2019-01-05 10:56:55 · 505 阅读 · 0 评论 -
三丶vue使用v-if和点击事件实现输入框input显示密码和隐藏密码的切换
vue-显示密码 欧宁 点击 点击显示密码 var app3 = new Vue({el: ‘#app’,data: {seen: true,inpu:false,tex:true},methods:{ tollge:function(){ this.seen=!this.seen //!运算符:表示...原创 2019-06-21 09:24:11 · 2527 阅读 · 1 评论