[翻译]标记语言和样式手册 Chapter 2 标题（3）
作者：zhaozy 来源：3user.com 发布时间：2008-01-16 11:56:00
标签：样式,标记,css,手册
技巧延伸
这里我们将采用方法C,并用它来实验一些简单的css样式.我们将完全发挥标题标签独特性的优势.我们可以非常安心的使用标题标签,因为不管在什么浏览器和设备上,都能正确的处理标题内容.接下来我们来给他装扮装扮,然后带它上街(如果你能够带着一个html标签上街的话....)
简单的样式
使用css,最简单最容易实现的效果就是为标题设置不同的字型.我们可以编写一个css规则,然后套用到页面中所有的<h1>标签上(如果你用到了外部样式表,那就可以把样式套用到整个网站上).如果在稍后的时间里想要改变整个网站里每个<h1>的颜色,大小或者字体,那么只需要修改几条css规则就行了,而且修改之后的效果能够马上看到!这听起来很诱人,对吧?
让我们超级酷的标题来告诉我们自己吧:
<h1>Super Cool Page Title</h1>
让我们用css来改变它的颜色,字体和大小吧:
h1 {
font-family: Arial, sans-serif;
font-size: 24px;
color: #369;
}
就像我们刚才所说的,非常简单,整个页面的所有<h1>都被设置成24像素大小,蓝色的Arial(或者默认的sans-serif)字体,如图 2-2:
图 2-2: 标题样式示例
接下来我们继续在标题文字下面加上1像素宽的灰色边框(如图 2-3):
h1 {
font-family: Arial, sans-serif;
font-size: 24px;
color: #369;
padding-bottom: 4px;
border-bottom: 1px solid #999;
}
图 2-3:加上灰色底边的标题样式示例
我们在文字底部多留了些内补丁,使得下面的边线不至于呼吸困难.因为标题标签是块级元素,因此边框会不止填满文字底部,还会继续向右边延伸,直到填满整个页面宽度.
另外值得一提的是,我们使用了边框的简写法 — 就是在一条声明中同时定义了宽度,样式,颜色.你可以试试看其他的设定值,看看有什么别的效果.
0
投稿猜你喜欢
- MySQL Innodb 引擎优化，InnoDB给MySQL提供了具有提交，回滚和崩溃恢复能力的事务安全(ACID兼容)存储引擎。InnoD
python networkx来生成一个图使用python提供的第三方的库networkx，networkx是专门用来生成图论和网络科学里面- 编写XHTML代码的规则要比编写HTML要严格得多，类似下面的代码在HTML中是有效的，但在XHTML中则是无效的。 [javascript
- MSDN：包含正在 SQL Server 实例上运行的进程的相关信息。这些进程可以是客户端进程或系统进程。 视图中主要的字段： 1. Spi
- 下面的demo是根据需求写的简单测试脚本#!/usr/bin/env python# coding: utf-8# 第一个列表为依赖组件和版
- 看到有人在有汉字的字符串 前加一个 ‘ 或是任意半角符号，让bug将其除掉，不过这样做太麻烦了。最后呢，找来一个模拟fgetcsv功能的函数
- 前言首先简单说一下虚拟环境的概念。虚拟环境是由基础环境创建而出，用于独有项目的开发，每个项目都应该有一个独有的环境。第一步检查是否安装Pyt
- 🚀 文章简介 ：本篇文章的实战部分中主要使用到了 MediaPipe 与 OpenCv 两个库，实现了隔空操作的效果，主要有**隔空操作鼠标
- 通常我们在制作上图的时候，会分别给四个div加上不同的css属性，来实现中间间隔。但我们更希望的是不需要对html标签做标识，直接能通过cs
- 介绍当在图像上训练深度神经网络模型时，通过对由数据增强生成的更多图像进行训练，可以使模型更好地泛化。常用的增强包括水平和垂直翻转/移位、以一
- 一、创建测试表CREATE TABLE [dbo].[Student]( [id] [int] NOT NULL,
- 一、弹球游戏代码 下文是tkinter的应用实例，实现弹球游戏，通过<--和-->件移动平板接球。from tkint
- 环境配置1：安装mysql，环境变量添加mysql的bin目录环境配置2：python安装MySQL-Python请根据自身操作系统下载安装
- 信号与槽介绍信号(Signal)与槽(Slot)是Qt中的核心机制，也是在PyQt编程中对象之间进行通信的机制。PyQt的窗口控件类有很多内
- 先看一个js函数 function jsontest() { var json = [{'username':'cr
- 1 文件'''文件存储文件主名.扩展名'''Python中常有的数据文件类型有文本文件、二进
- 本文实例为大家分享了python绘制散点图和折线图的具体代码，供大家参考，具体内容如下#散点图，一般和相关分析、回归分析结合使用import
- 运行下列脚本，可以打印出模型各个节点变量的名称：from tensorflow.python import pywrap_tensorflo
- 在我们爬虫的时候经常会遇到验证码，新浪微博的验证码是四宫格形式。可以采用模板验证码的破解方式，也就是把所有验证码的情况全部列出来，然后拿验证
- <htmlxmlns="http://www.w3.org/1999/xhtml"> <head>
