
前端
鹿与飞鱼
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
CSS居中
水平居中1.块级元素元素自身display:blockmargin:0 auto2.行内块级元素父级text-align:center元素自身display:inline-block垂直居中1.line-height:与元素高度一致2.使用定位position:absolute;top:0;left:0;right:0;bottom:0;margin:auto...原创 2019-07-23 09:53:36 · 140 阅读 · 0 评论 -
视口
视口有时会使用百分比来声明宽度,如:html,body{}div{width:30%;}假设div是body的子元素,这段css就表示该div占body宽度的30%.body没有显示声明宽度,因此body占用了父包含块html元素宽度的100%。同样的,html也没显示声明宽度,因此html也占父包含块的100%。等等… html的父包含块是什么呢?是视口。在CSS标准文档中称为初始包含...原创 2019-07-23 09:39:01 · 298 阅读 · 0 评论 -
CSS变量
IE不支持CSS变量!!!!!!一、变量的声明存放在body中body {–main-size: 24px;–main-width: 200px;–main-height: 100px;}上面代码中,body选择器里面声明了三个变量:–main-size,–main-width, --main-height存放在选择器匹配文档根元素中。:root {–main-size: 2...原创 2019-07-23 09:37:18 · 185 阅读 · 0 评论 -
CSS行布局
*{margin: 0;padding: 0;}.row {display:block;box-sizing:border-box;}.row:before {content: ‘’;display: block;clear: both;}.row:after {content: ‘’;display: block;clear: both;}以行为单位,div附...原创 2019-07-23 09:28:30 · 206 阅读 · 0 评论 -
常用的css样式(按钮 下拉框 输入框 文本域)
.btnDesign {width:90px;height:30px;line-height:30px;background:rgba(24,111,231,1);box-shadow:0px 5px 10px 0px rgba(24,111,231,0.55);border-radius:15px;font-size:14px;font-family:MicrosoftYaHei...原创 2019-07-23 09:07:29 · 1609 阅读 · 0 评论 -
CSS文本超出指定行数后省略号显示
word-break:break-word; //换行模式overflow: hidden;text-overflow: ellipsis; //修剪文字display: -webkit-box;-webkit-line-clamp:2; //此处为上限行数-webkit-box-orient: vertical;http://www.w3school.co...原创 2019-07-12 11:51:12 · 250 阅读 · 0 评论 -
供测试用的短信接口
<script> $("").click(function(){ //接口 $.ajax({ type: "POST", url: "https://api.mysubmail.com/message/send", data: {appid:27936,to:**手机号**,cont...原创 2019-07-12 11:09:28 · 3158 阅读 · 1 评论