• 浮动

    1. 浮动(float)1.1 传统网页布局方式网页布局的本质——用 CSS 来摆放盒子,把盒子放到相应位置。 CSS 提供了三种传统布局方式: 普通流 浮动 定位 1.2 标准流(普通流/文档流)所谓的标准流,就是标签按照规定好的默认...
  • 定位

    定位

    1. 为什么需要定位一些固定盒子的效果,标准流或浮动都无法快速实现,此时需要定位来实现。所以: 浮动可以让多个块级盒子一行没有缝隙排列显示,经常用于横向排列盒子 定位则是可以让盒子自由的在某个盒子内移动位置或者固定屏幕中某个位置,并且可以压住其他...
  • 盒子模型

    盒子模型

    1. 盒子模型1.1 看透网页本质网页布局过程: 准备网页元素,网页元素基本都是盒子 box 利用 CSS 设置好盒子样式,然后摆放到相应位置。 往盒子里放东西。 本质:利用 CSS 摆盒子。 1.2 盒子模型(Box Model)组成CSS 盒...
  • CSS复合选择器与特性

    CSS复合选择器与特性

    1. Emmet 语法 快速生成 HTML 结构代码 快速生成 CSS 样式代码 2. 复合选择器由基础选择器组合而成。 后代选择器 子选择器 并集选择器 伪类选择器 2.1 后代选择器(重要)后代选择器又称为包含选择器,可以选择父元素里的子元...
  • 服务器搭建-Nginx

    Nginx 服务器搭建 Linux 的两种安装方式首先,介绍一下 Linux 的安装方式,可以是 yum 安装,也可以是源码包安装。 yum 安装:简单方便,不易出错。 源码包安装:有点繁琐,但是服务性能好。 yum 安装1. 安装 Nginx...
  • CSS 简介与基础选择器

    CSS 简介与基础选择器

    CSS 简介与基础选择器 1. CSS 简介1.1 HTML 的局限性HTML 是网友的骨架,只关注内容的语义。例如<h1>表示大标题,<p>表示段落。 早期的时候,HTML 只能做一些简单的样式,网页非常丑,而且使 HTML...
14567812