随笔分类 - css
摘要：Flex学习 一 Flex 布局是什么？ Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。 任何一个容器都可以指定为 Flex 布局。 .box{ display: flex; } 行内元素也可以使用 Flex 布局。 .box{ display:
阅读全文
摘要：最近用flex布局，但是每个栏目数目不固定，布局起来，有些很紧密，有些间距才超级大，与设计稿的效果相差太远太远了。 之前我处理，是写一堆样式，把可能的情况都包含，勉强可以实现。 今天又碰到类似的问题，但是我不想那样写了。于是网上搜索了。终于找到一个我满意的。 链接：https://www.csdn.
阅读全文
摘要：效果一 效果二 效果三 效果四 页面代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> 响应式页面学习二 </title> <style> * { margin: 0; padding: 0; } .out { margin
阅读全文
摘要：样式 注意media 中width 属性设置，那是为了页面大小连贯，不出现滚动条。最后一个设置居中，其他都是100%。 padding: 10px; box-sizing: border-box; 加上面两个样式是为了显示内容好看。 <!DOCTYPE html> <html> <head> <me
阅读全文
摘要：隐藏样式，有三种方法 一种是dispplay 第二种是透明度 第三中是 visibility: visible; <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>公司网站页面</title> <style> .header{ w
阅读全文
摘要：<!DOCTYPE html> <html> <head> <title>CSS3-属性选择器</title> <style> body { margin: 0; padding: 0; font-family: ''; font-family: '微软雅黑'; background-color:
阅读全文
摘要：一、什么是块级元素？ 一个水平流上只能单独显示一个元素，多个块级元素则换行显示。 clear属性可以清除浮动带来的影响。 二 display不同属性的理解 值为block的元素叫“块级盒子” 值为inline-block的元素叫“块级容器盒子” 既可以一行显示，又可以设置高度宽度了。 值为inlin
阅读全文
摘要：1 div导致父级高度没有变化是应该子元素设置了float：left等 2 div元素居中 text-align:center; margin-left: auto;margin-right: 3 大小随窗体变化一定要设置成百分比(width：98% )且用到 @media screen and (
阅读全文
摘要：一.行内元素和块级元素有哪些？ 块级元素 <address> information on author <blockquote> long quotation <button> push button <caption> table caption <dd> definition descript
阅读全文
摘要：一直没有弄懂相对定位与绝对定位之间的关系，今天特来学习一下。本实践都是在360浏览器下测试所得。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <style type="text/css"> .hv { position:relative;
阅读全文
