html
关注
分享
扫一扫
woshidamimi0
这个作者很懒，什么都没留下…
展开
-
js怎样获取元素滚动的距离
<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compat...原创 2019-10-29 08:29:59 · 18357 阅读 · 0 评论 -
js怎样获取div元素的宽度
有些时候需要获取到div的宽度在线编程地址https://www.w3school.com.cn/tiy/t.asp?f=html_basic<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="...原创 2019-10-13 15:06:16 · 4783 阅读 · 0 评论 -
js怎样获取元素有哪些类 class 原生js获取元素的类名
<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compat...原创 2019-09-18 08:14:08 · 21969 阅读 · 0 评论 -
css 怎样给div下拉菜单添加过渡动画效果
css transition可以让元素的属性在变化的时候有一些动画效果比如高度从30变成300,这样就会让人机交互更自然，比如鼠标经过下拉菜单显示之类的通过transition可以给指定属性添加动画效果请看代码transition: all 表示所有属性，当然，你可以根据自己需要指定某些属性，比如width500ms表示的是从开始到结束过渡的时间<!DOCTYPE html&...原创 2019-08-17 13:50:13 · 7722 阅读 · 0 评论 -
flex布局怎样让div居中
用flex布局可以让div或者其他元素居中请看代码可以设置div的display属性为flex，然后设置align-items：center; justify-content:center;即可居中<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> ...原创 2019-08-24 17:07:46 · 9694 阅读 · 0 评论 -
html css怎样让div居中
很多时候我们都需要div居中用css3的transform属性即可让div居中如代码所示先设置子元素的margin-top和margin-left为50%接着用transform的translate来移动子元素为-50%translate相对的是元素本身进行移动，这样移动-50%（元素宽度的一半）即可居中了不过因为新特性，所以兼容性不好，如果考虑IE的话，慎重使用<!DO...原创 2019-08-16 14:28:45 · 4814 阅读 · 0 评论 -
HTML css怎样设置文字溢出变省略号
单行文字有时候需要把多余的文字变成省略号注意，此方法只可以设置单行文字溢出省略需要设置文字容器的宽高，然后设置line-height跟高度一样，这样可以更美观接着设置white-space:nowrap，让文字不换行，然后设置溢出隐藏，以及设置文本溢出省略<!DOCTYPE html><html lang="en"><head> &...原创 2019-08-24 17:06:23 · 938 阅读 · 0 评论 -
使用table-cell让div居中
给父元素设置display:table-cell，并设置vertical-align:middle然后设置子元素的margin-left和margin-right为auto即可<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name...原创 2019-08-24 16:59:34 · 991 阅读 · 0 评论 -
什么是css盒模型
css盒模型指的是元素的margin padding border content属性盒模型一般分为两种 ie和w3cie的盒模型 元素的width = content + border + paddingw3c width = cotent比如这里我们设置了width:200px,但是如果是ie渲染的话，那么content内容占的宽度就没有200px,可以通过box-sizin...原创 2019-07-14 16:43:16 · 331 阅读 · 0 评论 -
js on和addEventListener的区别
Js事件监听处理从最开始的on逐渐衍化成了addEventListener.如ele.onclick之类的事件处理 变成了ele.addEventListener(‘事件名’,’响应函数’,事件响应方式)addEventListener最初是监听鼠标如点击之类的事件，后来添加了对键盘按键事件的监听（演变历史）看下面的代码，on会覆盖上一次的事件,也就是只弹出一次，addEvent...原创 2019-04-24 10:50:18 · 2376 阅读 · 0 评论