当前标签

CSS

级联样式表 (CSS) 是一种样式表语言,用于描述用标记语言(如 HTML 或 XML)(包括 XML 方言,如 SVG、MathML 或 XHTML)编写的文档的表示形式。CSS是万维网的基石技术,与HTML和JavaScript并驾齐驱。 -维基百科

如何让用纯CSS来做头部固定,内容区域滑动的页面布局?

2021-09-18大约2分钟

网页的头部固定,内容区域有scrollbar的布局比较常见。这个布局的核心是要scrollbar只出现在内容所在的框里,整个页面的高度是和浏览器的高度一样的。 在这个例子里,比较重要的是要固定网页最外层的div的高度。我们用 来确保外层的高度,然后内层就可以依据这个高度来布局了。...

HTML里如何显示空格和换行?

2020-11-08大约4分钟

在写HTML的时候,我们会想当然地认为自己加的空格,都会被浏览器显示出来,事实上并非如此。实际上,HTML的显示有一些规则: 在HTML代码中所有连续的空格或空行(换行)都会被显示为一个空格,不管是在HTML要显示的内容还是HTML源代码的标签之间。 当我们想让内容在同一行连续显示时,就让所有的HTML代码之间没有空格和换行。 那我们想显示多个空格或换行怎么办呢?可以考虑用以下方法: 1. 使用 ...

CSS的三种用法

2020-11-04大约8分钟

CSS有三种用法,或者说在HTML里不同的位置。 1. 内联的CSS 像前面看到的一样,CSS代码是放到HTML元素的style属性里的: CSS样式代码和HTML具体元素的代码在一起,这就是内联(inline)。前面提到过这种写法有很多的维护和重用的问题,所以一般情况下不建议这么用。 2. 内部的CSS CSS通过选择器来定义每个HTML元素的样式,但是是在 标签里面,而不是和HTML代码混在一...

CSS简介

2020-11-01大约8分钟

Cascading Style Sheets (CSS),直接翻译是“层叠样式表”,听起来有点拗口。直接理解就是,这是一种样式表语言,用于描述如何在屏幕、纸面或其他媒体上呈现元素。比如文字的字体、颜色、大小、装饰等。 比如,这是一段CSS的一个简单例子(先看看样子,看不懂没关系): 1991年出现了HTML,当时是没有CSS的,最开始的HTML代码都大概都是这样的: 有什么问题呢?但都从上面的例子...