【网页前端】CSS常用布局之定位（二）
5. 绝对定位5.1 概述&入门案例绝对定位：通过设置边偏移，直接将元素放置在页面内或父元素内的某一位置。注意：绝对定位元素，将不占用标准流位置语法：选择器{position: absolute;}准备代码：（将为绿色 div 设置绝对定位） 代码实现及效果 1： 代码实现及效果 2：小结：1 、 绝对定位元素不占用标准流位置，不影响标准流布局（也不影响浮动）2 、 ....
【网页前端】CSS常用布局之定位（一）
1. 引言在网页布局中，经常会涉及到将一个元素固定放置在某些位置的操作：或者把某些元素固定在页面某个位置，不会随着网页滚动而滚动。以上效果，标准流做不到，浮动也无法轻易做到。为了轻松实现上述效果，我们就要继续学习 CSS 常用布局的定位知识。2. 概述及分类定位：将元素固定在某一位置，又称为摆放元素。作用：更加方便进行元素的位置调节根据用法、特性的不同，定位分为多种模式常见定位模式：static....
【网页前端】CSS之拓展样式以及Emmet语法
1. 拓展样式1.1 盒子阴影我们可以为盒子添加阴影。格式：box-shadow：X 轴偏移 Y 轴偏移 模糊程度 阴影颜色;1.2 文本省略当盒子内文本过多时，我们可以使用 CSS 效果进行文本省略。格式：1.3 盒子宽高策略 box-sizing 用以决定盒子实际宽高如何设置的策略。通常，为了布局的稳定，某盒子若有内边距，我们常会使用 border-box 策略准备代码:2. Emmet 语....
【网页前端】CSS进阶综合案例
1. 综合案例 1：列车时刻表1.1 需求说明如图，实现沭阳到各地的列车时刻表：注意：整个列车时刻表在一个水平居中的虚框中1.2 需求分析1.3 代码实现2. 综合案例 2：分块展示板2.1 需求说明如图设计一个用于信息展示的 分块展示板图1图2要求：1、 该内容在网页中居中显示2、 每个小块的“预约免费学习”，正常时是图 1，鼠标在文字上悬停时展示图 22.2 需求分析2.3 代码实现3. 综....
【网页前端】CSS的常用布局(上)·二
4. 清除浮动4.1 准备代码4.2 引言通常情况下，未设置高度的 标准流父元素，在子元素进行浮动时，会导致父元素失去子元素，高度消失。进而影响页面排版。该问题的解决方案有多种，常见两种快速解决方案：1、 父元素也设置浮动（可能会影响其他垂直排版）2、 清除子元素的浮动效果，让浮动状态的子元素影响标准流注：有同学可能会使用 float:none;或者 删除 float 代码，这确实可以清除浮动效....
【网页前端】CSS的常用布局(上)·一
1. 引言&概述网页布局的本质：使用 CSS 盒子模型来进行调整和定位。布局的常见方式：标准流（普通流）浮动定位今天的讲义中，我们先讲解标准流 和 浮动。2. 基本布局：标准流标准流布局：标签按照默认方式排列，是布局中最基本的方式。我们前面学习的所有布局调整，全部都是标准流布局。例如：div 是标准 块级元素，独占一行，多个 div 从上到下顺序排列。例如：span 是标准 行内元素，从....
【网页前端】CSS的三大特性层叠性、继承性、优先级
1. 引言&概述我们前面学过，CSS 是层叠样式表，多个样式会作用在同一个 HTML 元素上。但我们通常会发现，并非所有样式会同时起作用。例如：以下多段 CSS 代码同时作用于某 div 标签，多个样式显示效果为 红色。所以，为了更好地认识 CSS 样式调节，我们需要学习 CSS 的三大特性。这三大特性分别为：层叠性、继承性、优先级下面我们来逐步深入。2. 层叠性层叠性：为相同选择器设置....
【网页前端】CSS进阶之元素的背景以及清除浏览器默认样式
1. 简述在网页中，到处能够看到各种背景（背景颜色、背景图片 等），在页面中，元素是可以通过设置背景展示更加丰富的效果，这是构成我们网页多样化的重要部分。下面我们开始讲解元素背景2. 背景颜色2.1 概述及格式用于设置标签的背景颜色格式：background-color: 颜色值;注意，背景颜色的默认值是透明，即为：transparent颜色设置方式：2.2 透明度设置-rgba我们除了可以用三....
【网页前端】CSS进阶之元素的显示模式
1. 简述HTML 提供丰富的标签，这些标签被定义成了不同的显示模式：是像 div 自己独占一行，或是像 span 一行可以占多个。为了 不同场景应用不同显示模式，更好布局页面，我们需要系统学习元素的显示模式。元素的显示模式分为三种：块元素（block ）行内元素（inline ）行内块元素（inline-block ）下面我们来分别学习2. 块元素-block块元素：以区域块方式出现。每个块标....
【网页前端】CSS进阶之复合选择器
1.概述复合选择器：多个基本选择器的组合使用形式。作用：更准确、更高效地选择目标元素（标签）。常用的复合选择器：包含选择器、子对象选择器、并集选择器、伪类选择器2.包含选择器1.1 概述及格式包含选择器又名后代选择器。指标签和标签之间有 包含 关系（父子、爷孙都是包含），例如： <html> 标签包含了 <body> 标签。我们可以对基本选择器进行组合，表现出包含关系，从....
本页面内关键词为智能算法引擎基于机器学习所生成，如有任何问题，可在页面下方点击"联系我们"与我们沟通。
阿里巴巴终端技术
阿里巴巴终端技术最新内容汇聚在此，由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界，将面向未来，制定技术策略和目标并落地执行，推动终端技术发展，帮助工程师成长，打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号：阿里巴巴终端技术，欢迎关注。
+关注