11 2020 档案

css学习4--网格布局
摘要：网格布局 如下代码，使用网格布局来实现页面 <!doctype html> <head> <style> :root { box-sizing: border-box; } *, ::before, ::after { box-sizing: inherit; } body { background 阅读全文
posted @ 2020-11-16 15:34 melimeli 阅读(118) 评论(0) 推荐(0)
css学习3--flexbox布局
摘要：Flexbox布局 如下所示的代码，实现了flexbox布局， <!doctype html> <head> <style> :root { box-sizing: border-box; } *, ::before, ::after { box-sizing: inherit; } body { 阅读全文
posted @ 2020-11-16 15:29 melimeli 阅读(124) 评论(0) 推荐(0)
CSS学习2-布局介绍
摘要：布局介绍 1.浮动布局 本例中，body就是外层容器，因为它默认就是100%的网页宽度，所以不用给它添加新的样式。在body内部，整个网页的内容放在了container容器里面，也就是内层容器。对于内层容器，需要设置一个max-width，并将外边距设置为auto，使内容居中，如下代码 .conta 阅读全文
posted @ 2020-11-06 17:59 melimeli 阅读(199) 评论(1) 推荐(0)
css学习1
摘要：css学习1 1.px，em ,rem, css支持几种绝对长度单位，最常用、最基础的是像素（px）。 css带来的抽象性带来了额外的复杂性。相对单位就是css用来解决这种抽象的一种工具。我们可以基于窗口大小来等比例地缩放字号，而不是固定为14px，或者将网页上的任何元素的大小都相对于基础字号来设置 阅读全文
posted @ 2020-11-05 17:09 melimeli 阅读(111) 评论(0) 推荐(0)