Open goldEli opened 4 years ago
是什么:层叠样式表,定义如何显示HTML元素,从上往下执行 做什么:用来定义页面样式,如更改字体、颜色、间距等,与HTML结合实现网页内容表现相分离,使页面更加完整美观; 怎么用: (1)引入外部CSS样式:通过标签引入 (2)内联样式:在HTML中使用style标签 (3)行内样式:在HTML文件开始标签处用style属性添加CSS样式 如何定位要添加样式的元素: 选择器:标签选择器、类选择器、id选择器、伪类选择器等 扩展复习知识点: 选择器及权重:权重:行内>id选择器>类/伪类选择器>标签/伪元素>通用 盒模型:标准盒模型:大小 = content + padding+ border + margin 怪异盒模型:大小=width(content + border + padding) + margin 定位:static:没有定位,正常文档流 relative:相对其正常位置 absolute:相对于最近的已定位父元素 fixed:相对于浏览器窗口固定 sticky:基于用户的滚动位置来定位 对齐:垂直居中、水平居中
是什么:层叠样式表,定义如何显示HTML元素,从上往下执行 做什么:用来定义页面样式,如更改字体、颜色、间距等,与HTML结合实现网页内容表现相分离,使页面更加完整美观; 怎么用: (1)引入外部CSS样式:通过标签引入 (2)内联样式:在HTML中使用style标签 (3)行内样式:在HTML文件开始标签处用style属性添加CSS样式 如何定位要添加样式的元素: 选择器:标签选择器、类选择器、id选择器、伪类选择器等 扩展复习知识点: 选择器及权重:权重:行内>id选择器>类/伪类选择器>标签/伪元素>通用 盒模型:标准盒模型:大小 = content + padding+ border + margin 怪异盒模型:大小=width(content + border + padding) + margin 定位:static:没有定位,正常文档流 relative:相对其正常位置 absolute:相对于最近的已定位父元素 fixed:相对于浏览器窗口固定 sticky:基于用户的滚动位置来定位 对齐:垂直居中、水平居中