qq_42731413的博客

什么是CSS css(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-right 1. 内容区 width和height是框内容显示的区域——包括框内的文本内容，以及表示嵌套子元素的其他框 也可以使用min-width、max-width、min-height、max-hei...

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

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

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