随笔分类 - html/css
记录练习中遇到的问题
摘要：效果： 代码： input[type='checkbox'] { cursor: pointer; position: relative; width: 18px; height: 18px; font-size: 16px; visibility: hidden; } input[type='ch
阅读全文
摘要：index.css里 body::-webkit-scrollbar{ width:0; } element打开弹框后，页面内容会左移的解决方法： main.js中引入element时，全局设置（问题：弹框超出页面高度时，右侧还是会显示滚动条，但不会出现左移问题，暂时这么处理了） import El
阅读全文
摘要：background: url("../assets/imgs/login_bg.jpg") no-repeat center center; background-size: cover;
阅读全文
摘要：1.先谈一下响应式和自适应的区别 响应式：它是将已有的开发技巧（弹性网格布局、弹性图片、媒体和媒体查询）整合起来，针对任意设备对网页内容进行“完美”布局的一种显示机制。简言之，是一个网站能够兼容多个终端（手机、Pad、电脑）的布局方法，而不需要为每个终端书写一套特定版本的代码。 自适应：移动端的发展
阅读全文
摘要：1.公共底部footer.html代码 2.引入公共页面
阅读全文
摘要：设置label和input/textarea的vertical-align: middle;即可实现垂直方向居中对齐。有时候可能会有偏差，设置input的margin-top使看上去居中对齐
阅读全文
摘要：overflow:hidden;隐藏溢出，当内容超过其父元素时，可以使用该属性和值将溢出的部分裁剪掉，使页面更加美观清除浮动，当子元素浮动时，给父元素添加overflow：hidden，按照它的第一个特性，应该将子元素超出的部分截掉，但是因为子元素有浮动，无法裁剪，所有只能由父元素增加高度去包裹住子
阅读全文
摘要：1. 文本或图片水平对齐:父元素中添加以下样式 text-align : center;2. 单行文字垂直对齐:父元素中添加以下样式 line-height : 父元素高度; 3.图片水平及垂直居中方法一： 利用display：flex....配合margin:auto即可实现，附代码 图片水平垂直
阅读全文
摘要：<!--HTML代码--><div class="nav-mid-left"> <ul> <li><a href="#">首页</a></li> <li><a href="#">关于慕课</a></li> <li><a href="#">新闻动态</a></li> <li><a href="#">
阅读全文