随笔分类 -  DIV+CSS

js中将string转换为number
摘要:parseInt(转换的)(res.data.guzhi[i].changepercent)(后台拿的数据).toFixed(3)(想保留几位数就写几)+"%"+ js中使用 阅读全文

posted @ 2019-11-19 18:15 咳咳1122 阅读(934) 评论(0) 推荐(0)

HTML特效代码大全
摘要:1.贴图:<img src="图片地址">2.加入连接:<a href="所要连接的相关地址">写上你想写的字</a> 3.在新窗口打开连接:<a href="相关地址" target="_blank">写上要写的字</a> 消除连接的下划线在新窗口打开连接: <a href="相关地址" styl 阅读全文

posted @ 2019-11-13 15:51 咳咳1122 阅读(1737) 评论(0) 推荐(0)

元素框默认的计算方式
摘要:元素的实际占地宽度=左外边距+左边框+左内边距+内容区域的宽度+右内边距+右边框+右外边框 元素的实际占地高度=上外边距+上边框+上内边距+内容区域的宽度+下内边距+下边框+下外边框 margin:value; 定义 4个方向的外边距 margin:v1 v2; v1:上下 v2:左右 margin 阅读全文

posted @ 2019-11-08 10:03 咳咳1122 阅读(125) 评论(0) 推荐(0)

盒子阴影
摘要:box-shadow:2px(x轴) 2px(y轴) 5px(阴影模糊程序) #333333(合法颜色值); 阅读全文

posted @ 2019-11-06 18:50 咳咳1122 阅读(117) 评论(0) 推荐(0)

尺寸设置规则
摘要:页面中允许设置尺寸的元素 1.所有的块级元素都可以设置 2.行内块都可以设置input(单选框和复选框不能设置) 3.本身具有width和height属性的元素,可以设置,比如(table img 行内元素) 大部分的行内元素都不允许设置尺寸。 阅读全文

posted @ 2019-11-06 17:14 咳咳1122 阅读(148) 评论(0) 推荐(0)

CSS选择器
摘要:群组选择器 <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content= 阅读全文

posted @ 2019-11-05 14:37 咳咳1122 阅读(85) 评论(0) 推荐(0)

图片文字垂直居中
摘要:CSS实现文字和图片的水平垂直居中 关于文字和图片的水平垂直居中,在前端界绝对算是一个老生常谈的问题了,尤其是垂直居中,什么千奇百怪的解法都能想的出来。下面我就总结一些比较常用的方法: 一、文本的水平垂直居中: 1、水平居中: 是不是很开心?超级简单的问题,一个text-align:center 就 阅读全文

posted @ 2019-11-05 14:23 咳咳1122 阅读(253) 评论(0) 推荐(0)

让右边整段水平与左边对齐方式
摘要:需要 margin-top与行高配合 代码如下: .cright{ width: 730px; height: 170px; float: right; line-height: 12px; margin-top: 18px; .cright{ width: 730px; height: 170px 阅读全文

posted @ 2019-11-05 09:53 咳咳1122 阅读(125) 评论(0) 推荐(0)

网页中关注 框 +关注代码显示方式
摘要:需要做出一个关注的按钮 代码如下: div.cltwo{按钮盒子 width: 65px; line-height: 30px;行高(使文字居中办法) height: 30px;(盒子高度,使其文字多时不被撑开) border: 1px red solid; margin: 0px 15px 40p 阅读全文

posted @ 2019-11-04 18:16 咳咳1122 阅读(187) 评论(0) 推荐(0)

关于盒子大小 清除浮动
摘要:比如设计图盒子大小为850px*170px,由前端页面浏览器显示出来即会被子级盒子多出来2px,清除多出来2px的解决办法是 在style标签里面最上面即可 *{ box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */火狐浏览 阅读全文

posted @ 2019-11-04 16:59 咳咳1122 阅读(230) 评论(0) 推荐(0)

CSS3
摘要:1.什么是CSS 注释快捷键ctrl+\ Cascading style sheets 层叠样式表、级联样式表。简称样式表 2.css的作用 设置HTML网页中元素的样式 3.HTML与 css的关系 HTML:负责网页的搭建,内容展示--一个页面骨架 CSS:负责网页的修饰,样式的构建--给网页化 阅读全文

posted @ 2019-10-31 14:58 咳咳1122 阅读(95) 评论(0) 推荐(0)

input 标签日期
摘要:input 标签日期 代码如下 <form action="" > <br> <hr> <input type="month"> <input type="date"> </form> <form action="" > <br> <hr> <input type="month"> <input t 阅读全文

posted @ 2019-10-30 16:25 咳咳1122 阅读(714) 评论(0) 推荐(0)

<base target=_blank>打开新的页面,不在现网页打开
摘要:<base target=_blank>是将基本链接的目标框架都改为新页打开 放在head里面 阅读全文

posted @ 2019-10-23 18:31 咳咳1122 阅读(157) 评论(0) 推荐(0)

指定表单数据提交方式 get post
摘要:2.1.get 默认值 明文提交,提交的内容会显示在浏览器地址栏上 提交数据大小有限制,不能超过2kb 向服务器要数据的时候,使用get 2.2.post 隐式提交,提交的内容不会显示在浏览器地址栏上 提交数据大小没有限制 要传递数据给服务器的时候,使用post 3.enctype(登陆注册密码中是 阅读全文

posted @ 2019-10-08 10:19 咳咳1122 阅读(505) 评论(0) 推荐(0)

列表的作用
摘要:1.列表的作用 1.1有条理的显示数据 用于布局(用得较多) 1.2有序列表<ol></ol> order list 无序列表<ul></ul> unorder list 2.列表项 2.1 <ol> <li></li> list item <li></li> </ol> img标签 <a href 阅读全文

posted @ 2019-09-30 13:29 咳咳1122 阅读(1125) 评论(0) 推荐(0)

表格基础
摘要:<table> <tr> <td>1</td> <td>2</td> <td>3</td> </tr> <tr> <td>1</td> <td>2</td> <td>3</td> </tr> <tr> <td>1</td> <td>2</td> <td>3</td> </tr> </table 阅读全文

posted @ 2019-09-29 13:52 咳咳1122 阅读(108) 评论(0) 推荐(0)

HTML锚点 格式
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2019-09-29 10:02 咳咳1122 阅读(490) 评论(0) 推荐(0)

导航