qq_42731413的博客

什么是CSScss(Cascading Style Sheets层叠样式表),样式化和排版网页(例如内容的字体,大小,颜色)CSS是如何工作的浏览器将css的规则应用在html;前置条件html中引用了css.浏览器加载html浏览器解析html,同时加载css浏览器解析css,并使css结合html,生成DOM(Document Objec...

背景 background背景指的是元素内容、内边距和边界下层的区域(可用background-clip修改)属性说明值备注background-color背景色建议加上，作为后备，以防背景图像无法加载background-image背景图像url(…)、渐变: linear-gradient(to 渐变的方向,开始的颜色,结尾的颜色)渐变可以在中...

盒子的宽度 = margin-left + border-left + padding-left +width + padding-right + border-right + margin-right1. 内容区width和height是框内容显示的区域——包括框内的文本内容，以及表示嵌套子元素的其他框也可以使用min-width、max-width、min-height、max-hei...

1. 浮动的工作原理浮动会脱离正常的文档流，并吸附到其父容器左边，正常布局中位于浮动元素下的内容会围绕着浮动元素2.可选值值效果none默认值，元素默认在文档流中排列left元素会立即脱离文档流，向页面的左侧浮动right元素会立即脱离文档流，向页面的右侧浮动3.浮动的规则内联元素变块元素当为一个元素设置浮动以后（float属性是一个非non...

1. 定位 position1.1 静态定位 static每个元素的默认值，将元素放入它在文档布局流中的正常位置。1.2 相对定位 relative开启定位后，可以使用top、right、bottom，left四个属性设置偏移量。选择一个垂直方向和竖直方向上的偏移量即可为一个元素定位。要点相对定位的元素不会脱离文档流开启相对定位后，如果不设置偏移量，元素不会发生任何变化相对定...

在需要设置为柔性的盒子的父元素中设置display：flex；Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为 Flex 布局。.box{ display: flex;}行内元素也可以使用 Flex 布局。.box{ display: inline-flex;}Webkit 内核的浏览器，必须加上...