![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Html+css基础
zhuxufeifei
这个作者很懒,什么都没留下…
展开
-
div布局系列 - 两端对齐的方法
方式一:box-sizing:border-box html代码部分 <div class="content clear-fix"> <div></div> <div></div> <div></div> <d原创 2018-08-19 22:03:17 · 6056 阅读 · 0 评论 -
div布局系列——图片轮播使用position定位后父元素没法撑开解决方法
<div class="ad"> <img src="images/banner-01.jpg"> <img src="images/banner-02.jpg"> <img src="images/banner-03.jpg"> <img src="images原创 2018-08-22 17:29:26 · 1156 阅读 · 0 评论 -
div布局系列——一个div水平垂直居中的方法
HTML代码部分 &lt;div id="Dalog"&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt; 方案一:使用定位 #Dalog{ width: 800px; height: 600px; border: 1px solid #ccc;原创 2018-08-20 14:46:09 · 202 阅读 · 0 评论 -
div布局——网页中元素不可见的方法有哪些,各有什么不同!
display 不占空间 产生回流重回影响新能 无法点击 记忆:直接杀掉,连块墓地都不给人家,殃及子孙后代,围观群众哗然 visibility 占据空间 无法点击没有重回回流问题 性能好 记忆:杀掉本尊一个,不殃及子孙,围观群众淡然 height 不占空间 不能点击 scale 缩放至0 opacity 占空间 可以点击 透明 removeChild 摘除do...原创 2018-08-30 15:33:27 · 439 阅读 · 0 评论 -
移动端网页布局前提
在head中加入: <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2018-10-09 08:49:07 · 128 阅读 · 0 评论 -
响应式布局
响应式布局:(media queries)媒体查询 相当于一套html配多套css样式 @media screen and (min-width: 1080px) {…} @media screen and (max-width: 1080px) and (min-width: 750px) {…} @media screen and (max-width: 750px) {…} ...原创 2018-10-22 15:47:48 · 130 阅读 · 0 评论 -
移动端闪屏 设置
样式部分 h5动画 向左移出100% ,用时0.8s @keyframes slideOutLeft { from{ transform: translateX(0); } to{ transform: translateX(-100%); } } .slideOutLeft { animation: slideOutLef...原创 2018-10-23 11:17:54 · 645 阅读 · 0 评论 -
div限制文本超出部分...代替
单行: overflow: hidden; text-overflow: ellipsis; white-space: nowrap; 2行: display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;原创 2019-01-22 09:43:04 · 537 阅读 · 0 评论