CSS
四阶张量
转行了
展开
-
CSS杂谈(%的用法,清除浮动,语义化,BFC,margin负值......)
CSS零碎知识点(1)如何理解HTML语义化?合理使用各种标签,不要div一把梭,点击这里跳转我另一篇帖子查看。(2)行内元素,块级元素,内联元素及其特点块级:block,table。独占一行行内:inline,尽可能的挤在一起,设置宽度,高度无效内联: inline-block,对外和其他元素都在一行上,对内的元素是独占一行,元素的高度、宽度、行高以及顶和底边距都可设置。position:absolute和float:left/right具有块状化,元素absolute或者float原创 2020-11-07 14:15:26 · 325 阅读 · 3 评论 -
流、元素与基本尺寸(块级、内联、流等概念)
0、开篇1、块级元素2、内联元素3、width细节4、height细节未完待续。。。。。。。0、开篇我们平时说的block、inline、inline-block、inline-table等这些看作是一个盒子。但实际上这里的每个盒子是由两个盒子构成的,一个是外在盒子一个是内在盒子。其中外在盒子决定是否具有换行性,内在盒子负责放置内容。同时外在盒子就叫外在盒子、内在盒子专业术语成为容器盒子。所以inline-block元素能对外能同一行,对内是单独一行,又比如当display为block时候.原创 2020-10-26 13:07:01 · 532 阅读 · 1 评论 -
width和height的默认值auto与%详解(附案例)。
结论width的%:定义基于包含块(父元素)宽度的百分比宽度,会突破父级的限制width的auto:尽量被父级包裹height的%:基于包含它的块级对象的百分比高度,会突破父级的限制height的auto:尽量被父级包裹案例一定复制代码跑一边,花几分钟体会一下尽量被父级包裹与突破父级的限制width案例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-原创 2020-09-29 09:27:32 · 2451 阅读 · 1 评论 -
CSS各种布局(水平、居中、双飞翼、圣杯)详解笔记和案例代码
居中布局水平居中布局水平居中是指子元素在当前父级元素中的位置是相对水平居中的方案一 inline-block + text-algin<body> <div class="parent"> <div class="child"></div> </div></body> <style> .parent{ border: 3px solid原创 2020-09-26 20:59:13 · 754 阅读 · 0 评论