HTML+CSS
ASIA_技术
习惯优秀,就会更优秀。
专注 专注 专注!!!
展开
-
一个div宽度或高度固定,另一个div铺满剩余空间
直接上代码:宽度确定:利用了BFC原理//方案一<body style="margin:0;padding:0;height:100%;width:100%;position:absolute;"><div style="background-color:#c7c7c7;width:300px;height:100%;float:left;"></di...原创 2018-08-31 18:06:44 · 4022 阅读 · 4 评论 -
select 下拉选择框重写样式
html:<select> <option>20</option> <option>80</option> <option>100</option></select>css:select { /*清除select默认样式*/ appearance...原创 2019-08-07 11:56:06 · 890 阅读 · 0 评论 -
input type="checkbox" 选择框重写样式
html:<div class="lists-checkbox"> <input type="checkbox"> <label style="position: relative;top: 6px"></label></div>css:.lists-checkbox label{ borde...原创 2019-08-07 11:05:27 · 366 阅读 · 0 评论 -
form 常规用法,及js控制坑 表单无action属性 submit 事件的用法
1.没有绑定submit事件,数据自动加载到整个页面请求上<form method="post"> <input type="text" name="username"> <input type="password" name="pwd"> <input type = "submit&原创 2019-01-13 16:45:34 · 2605 阅读 · 0 评论 -
浏览器标签页图标设置方式
方式一:图片类型可以是ico或者其他突变,ico可以百度进行在线制作<link rel="shortcut icon" href="../../static/chat/images/logo.jpg" type="image/x-icon"/>方式二:如果图片类型为gif<link rel="icon" href="gif_favicon.gif" t原创 2018-12-17 22:52:19 · 1987 阅读 · 0 评论 -
display的利用和坑
display:inline-block;元素之间的间距两个这样的相邻的元素之间会有间距,导致的原因是两个标签之间有空格,并且被浏览器继续出来了,可以利用注释把空格注释掉,也可以设置margin为负值去解决这个问题...原创 2018-10-22 20:06:29 · 191 阅读 · 0 评论 -
动态设置宽高
height:calc(100% - 200px);原创 2018-09-28 14:09:22 · 401 阅读 · 0 评论 -
css画箭头
html<div class="arrow-left"></div>//左<div class="arrow-right"></div>//右<div class="arrow-top"></div>//上<div class="arrow-bot原创 2018-10-04 01:44:00 · 1381 阅读 · 0 评论 -
元素水平垂直居中解决方法
html<div class="father"> <div class="children">内容任你装</div</div>方案一//容器.father{ position:relative;}//需要居中的元素.children{ position:absolute; margin:au...原创 2018-06-05 18:55:26 · 186 阅读 · 0 评论 -
input type='file' 样式修改大法好
普通的做法,另外写一个按钮的样式,然后将自己写的按钮和这个默认的样式的定位改为重合,并将默认的按钮设置opacity:0,即设置透明度为完全透明,这样就可以在表面上是点击自己定义的样式,而实际上是点击input这个按钮。可是让这两个东西完全重合,是很麻烦的一件事情么,下面进入最简单的方法:1、重写一个新的样式 可以是一个div2、将原始的input标签默认样式设置display:none;...原创 2019-08-15 09:48:43 · 1466 阅读 · 0 评论