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 · 4191 阅读 · 4 评论 -
select 下拉选择框重写样式
html： <select> <option>20</option> <option>80</option> <option>100</option> </select> css： select { /*清除select默认样式*/ appearance...原创 2019-08-07 11:56:06 · 998 阅读 · 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 · 418 阅读 · 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 · 2746 阅读 · 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 · 2087 阅读 · 0 评论 -
display的利用和坑
display:inline-block;元素之间的间距 两个这样的相邻的元素之间会有间距，导致的原因是两个标签之间有空格，并且被浏览器继续出来了，可以利用注释把空格注释掉，也可以设置margin为负值去解决这个问题...原创 2018-10-22 20:06:29 · 241 阅读 · 0 评论 -
动态设置宽高
height:calc(100% - 200px);原创 2018-09-28 14:09:22 · 460 阅读 · 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 · 1470 阅读 · 0 评论 -
元素水平垂直居中解决方法
html <div class="father"> <div class="children">内容任你装</div </div> 方案一 //容器 .father{ position:relative; } //需要居中的元素 .children{ position:absolute; margin:au...原创 2018-06-05 18:55:26 · 234 阅读 · 0 评论 -
input type='file' 样式修改大法好
普通的做法，另外写一个按钮的样式，然后将自己写的按钮和这个默认的样式的定位改为重合，并将默认的按钮设置opacity:0，即设置透明度为完全透明，这样就可以在表面上是点击自己定义的样式，而实际上是点击input这个按钮。 可是让这两个东西完全重合，是很麻烦的一件事情么，下面进入最简单的方法：1、重写一个新的样式 可以是一个div 2、将原始的input标签默认样式设置display:none;...原创 2019-08-15 09:48:43 · 1652 阅读 · 0 评论