HTML nav 标签

一个导航链接实例: <nav>     <a href="/html/">HTML</a> |     <a href="/css/">CSS</a> |     <a href="/js/">JavaScript</a> |     <a href="/jquer...

HTML header 标签

<header> 标签定义文档或者文档的一部分区域的页眉。 <header> 元素应该作为介绍内容或者导航链接栏的容器。 在一个文档中,您可以定义多个 <header> 元素。 注释:<header>...

CSS object-fit 属性

对图片进行剪切,保留原始比例: img.a { width: 200px; height: 400px; object-fit: cover; } fill 默认,不保证保持原有的比例,内容拉伸填充整个内容容器。 contain 保持原有尺寸比例。内容被...

margin和padding的区别是什么

margin 是指从自身边框到另一个容器边框之间的距离,即容器外距离,是隔开元素与元素的间距;   padding 是指自身边框到自身内部另一个容器边框之间的距离,即可容器内距离,是盒子边框与盒子内...

display:flex详解

水平居中很容易实现,但是一般垂直居中好像不是很好实现,一般我们都会用position、left等等进行定位;但是flex很好的解决了这个问题 Flex就是"弹性布局",现在应用很多,比如小程序推荐布局方式就是弹性布局...

CSS display 属性

display 属性规定元素应该生成的框的类型。 默认值: inline 继承: no 版本: CSS1 JavaScript 语法: object.style.display="inline" none 此元素不会被显示。 b...

CSS float 属性

float属性指定一个盒子(元素)是否应该浮动。 注意: 绝对定位的元素忽略float属性! 默认值: none 继承: no 版本: CSS1 JavaScript 语法: object.style.cssFloat="left" ...

CSS padding 属性

设置一个P元素的填充。 padding:10px 5px 15px 20px; 上填充是 10px 右填充是 5px 下填充是 15px 左填充是 20px padding:10px 5px 15px; 上填充是 10px 右填充和左填充是 5px ...

CSS margin 属性

设置一个p元素的所有四个边距: margin:10px 5px 15px 20px; 上边距是 10px 右边距是 5px 下边距是 15px 左边距是 20px margin:10px 5px 15px; 上边距是 10px 右边距和左边距...