HTML的组成部分dtd部分：文档类型说明，声明版本、标准header部分：给机器看的body部分：给人看的CSS控制div显示<div>是一个块级元素。这意味着它的内容自动地开始一个新行。实际上，换行是<div>固有的唯一格式表现。可以通过<div>的class或id应用额外的样式。如下代码是CSS通过id设置每个div的宽高和背景色<!doctypeh
分类：
Web程序 时间：
2019-11-10 10:24:10
阅读次数：
117
通过使用 CSS 我们可以大大提升网页开发的工作效率！ 在我们的 CSS 教程中，您会学到如何使用 CSS 同时控制多重网页的样式和布局。 各章节实例 本 CSS 教程包含了数百个CSS在线实例 通过本站的在线编辑器，你可以在线编辑CSS,并且可以在线查看修改后的效果。 CSS 实例 body { ...
分类：
Web程序 时间：
2019-11-10 10:20:44
阅读次数：
110
基本概念 Box 是 CSS 布局的对象和基本单位， 直观点来说，就是一个页面是由很多个Box 组成的。元素的类型和 display 属性，决定了这个 Box 的类型。 不同类型的 Box， 会参与不同的 Formatting Context（一个决定如何渲染文档的容器），因此Box内的元素会以不同 ...
分类：
其他好文 时间：
2019-11-09 11:22:30
阅读次数：
103
本文概要 本文将介绍如下几种常见的布局： 其中实现三栏布局有多种方式，本文着重介绍圣杯布局和双飞翼布局。另外几种可以猛戳实现三栏布局的几种方法 一、单列布局 常见的单列布局有两种： header,content和footer等宽的单列布局 header与footer等宽,content略窄的单列布局 ...
分类：
Web程序 时间：
2019-11-07 23:40:57
阅读次数：
120
垂直居中 方案一：relative + top 方案二：flex布局 水平居中 方案一：margin: 0 auto; ...
分类：
Web程序 时间：
2019-10-31 23:42:43
阅读次数：
137
一、三列布局 三列布局要求：1.两边固定，中间自适应 2.当中列要完整显示 3.当中列要优先加载 1.圣杯布局 2.双飞翼布局 两组实现布局方法的对比 1.都是把主列放在文档流最前面,主列优先加载 2.都是让三列浮动,通过负外边距形成三列布局 3.不同之处在于如何处理中间主列的位置，圣杯布局是利用父 ...
分类：
Web程序 时间：
2019-10-28 19:04:12
阅读次数：
109
居中<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>居中</title><style>div{background-color:red;width:400px;height:250px;/*水平居中*/text-align:center;
分类：
Web程序 时间：
2019-10-25 23:24:39
阅读次数：
123
一、概述 网格布局（Grid）是最强大的 CSS 布局方案。 它将网页划分成一个个网格，可以任意组合不同的网格，做出各种各样的布局。以前，只能通过复杂的 CSS 框架达到的效果，现在浏览器内置了。 上图这样的布局，就是 Grid 布局的拿手好戏。 Grid 布局与 Flex 布局有一定的相似性，都可 ...
分类：
Web程序 时间：
2019-10-15 09:47:20
阅读次数：
111
tips： css中“>”是: css3特有的选择器，A>B 表示选择A元素的所有子B元素。 与A B的区别在于，A B选择所有后代元素，而A>B只选择一代。 .a，.b｛逗号指相同的css样式｝；.a .b｛空格指后代元素｝；.a>.b｛大于号指子代元素｝； 一、浮动解决方案 代码： 二、绝对定位 ...
分类：
Web程序 时间：
2019-10-02 14:25:27
阅读次数：
129
cursor 设置鼠标放上去后的形状 visability 设置是否可见 flex 详见这篇文章 "https://developer.mozilla.org/zh CN/docs/Learn/CSS/CSS_layout/Flexbox" 设置方法 flex 模型 方向 换行 设置每项的宽度 fl ...
分类：
Web程序 时间：
2019-09-30 14:59:01
阅读次数：
118
